*{ padding:0px; margin:0px; list-style-type: none; outline:none; }
a {
    color: #000;
	text-decoration: none;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
}




a:hover {
    color: rgb(19, 148, 82);
}



::-webkit-scrollbar {
  width: 9px;
  background-color: #eaeaea;
}
::-webkit-scrollbar-thumb {
  border: solid 2px #eaeaea;
  width: 5px;
  border-radius: 10px;
  background-color: rgb(19, 148, 82);
}
::-webkit-scrollbar-corner {
  background-color: #eaeaea;
}
::-webkit-scrollbar:horizontal {
  height: 9px;
}
::-webkit-selection {
  background: rgb(19, 148, 82);
  color: #fff;
}
::-moz-selection {
  background: rgb(19, 148, 82);
  color: #fff;
}
::selection {
  background: rgb(19, 148, 82);
  color: #fff;
}



@font-face {
  font-family: 'yuan';  /* Project id 2612474 */
  src: url('http://zy.yihaolinju.com/style/css/img/font_2612474_e6inv9tcf5d.woff2?t=1623751054851') format('woff2'),
       url('http://zy.yihaolinju.com/style/css/img/font_2612474_e6inv9tcf5d.woff?t=1623751054851') format('woff'),
       url('http://zy.yihaolinju.com/style/css/img/font_2612474_e6inv9tcf5d.ttf?t=1623751054851') format('truetype'),
       url('http://zy.yihaolinju.com/style/css/img/SourceHanSerifSC-VF.ttf') 
	   format('sourcehansanscn');
}

.yuan {
  font-family: "yuan" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}




body{ color: #4B4948; min-width:1300px;  font-family: "sourcehansanscn",Helvetica Neue, Helvetica, Arial, sans-serif; }


.header { position: fixed; top: 0; width: 100%; z-index: 99; background: #fff; box-sizing: border-box; padding: 10px 60px;  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;padding-left: 160px; }
.header.headerindex { background: #fff; box-shadow: none; padding: 20px 60px;padding-left: 160px;}
.header .logo { position: absolute;
    width: 600px;
    overflow: hidden;
    background: 0px 10px;
    background-size: 177px;
    left: 21%;
    margin-left: -150px;
    text-align: center;}
.header.headerindex .logo {  
	
	background-size: 100%;
	    left: 21%;
	    margin-left: -150px;
	    top: 0;
	    width: 600px;
	    padding: 5px 0px;
	    background: #fff;
	    text-align: center;
	    border-bottom-right-radius: 15px;
	    border-bottom-left-radius: 15px;
	
}
.header .logo img { width:600px; height: auto;}
 
.nav { width:80%; display:flex; margin: 0 auto; }
.nav li {  position: relative;     text-align: center; flex: 1;}

.nav a { position: relative;  display: inline-block; height: 58px; line-height: 58px;  width:100%; font-size: 16px; color: #5e5e5e;}
.nav a:hover{ color: rgb(19, 148, 82); }
.nav .logocen{width: 300px; flex: inherit; }
 


.lang{ position: absolute;  right: 190px;  top: 20px; color:#fff; z-index:5; }
.lang a{ color:#fff; }
.lang a:hover{ font-weight:bold; }
.lang a.hover{ font-weight:bold; }

.header.dbno a,.header.dbno .lang{ color:#505050; }


 .header .nav li .nav_two {
     position: absolute;
     top:55px;
     left: -25%;
     width: 150%;

     display: none;
     padding: 20px 0px;
     padding-top: 0px;
 }
 .header .nav li:hover .nav_two {
     display: block;
 }
 .header .nav .nav_two li {
     float: none;
     margin-left: 0px;
     width: 100%;
 }
 
 .header .nav li .nav_two a {
     text-align: center;
 }
 .header .nav .nav_two li a {
     line-height: 45px;
     height: 45px;
     font-weight: 400;
 }
 
 .header .nav .nav_two li a:hover{ font-weight:bold; }
 .header .nav .nav_two a {
     text-transform: uppercase;background: #ffffff;
 }
 .header.dbno .nav a:hover{ font-weight:bold; }
  .header.dbno .nav li .nav_two {  background: #ffffff;   top: 75px;}
 
 
 .lianx{     position: absolute; right: 60px; top: 20px; text-align: right;}
  .lianx span { display:inline-block; margin-left:20px; position:relative; }
 .lianx span a{ color:#fff; font-size: 20px; }
 
 .triangle_icon{position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    right: 50%;
    margin-right: -6px;
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translateX(-50%) rotate(135deg);
    top: -5px;
    border-color: #e1e6f0 transparent transparent #e1e6f0;
    border-style: solid;
    border-width: 1px;}
	
	
 .lianx span div{     display: none;
    width: 110px;
    position: absolute;
    left: -40px;
    top: 28px;
    background: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    border: 1px solid #e1e6f0;
    border-radius: 6px;
    -webkit-transition: visibility .1s;
    transition: visibility .1s;
    z-index: 5;
    border-radius: 5px;}
 .lianx span div img{ width:100%; }
 .lianx span:hover div{ display:block; }
 
 
 
 .lianx span:last-child{     display: block; font-size: 20px; font-weight: bold; color: #fff; margin-top: 10px; }
   
   
 .header.dbno .lianx span a{ color:#505050; }
 
.header.dbno .lianx span:last-child{   color: rgb(19, 148, 82); }
  
 .erj::after {
     content: ' ';
     height: 5px;
     width: 5px;
     display: inline-block;
     transform: rotate(45deg);
     border-bottom: 1px solid #fff;
     border-right: 1px solid #fff;
     margin-left: 7px;
     margin-top: 0px;
     position: absolute;
     top: 45%;
     border-bottom: 1px solid #929292;
     border-right: 1px solid #929292;
 }
 .header.dbno .erj::after {
     border-bottom: 1px solid #929292;
     border-right: 1px solid #929292;
 }
 
 
.header.headerindex .nav a { color: #4f4b4b;}
.header.dbno .nav a{ height: 80px; line-height: 80px; }


.header.dbno{     -moz-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04); }

.header .sj_nav, .products_list.products_app { display: none;}

.banner { width: 100%;  background-color: #ccc; height: ; position: relative;padding-top: 98px; }
.swiper01 {  width: 100%; height: 100%;}
.swiper01 .swiper-slide { position: relative; height: 100%;  background-position: top center; background-repeat: no-repeat !important; background-size: cover !important; overflow: hidden;}
.swiper01 .swiper-slide .txt { position: absolute; z-index: 5; top: 35%;  width: 100%;  color: #fff;}
.swiper01 .swiper-slide img { display: block; width: 100%; height: auto; transform: scale(1.2); -webkit-transition: all 3s 0s; transition: all 3s 0s;}
.swiper01 .swiper-slide.swiper-slide-active img { transform: scale(1);}

.swiper01 .swiper-slide span { display: block; text-align: center; letter-spacing: 2px;}

.swiper01 .swiper-slide .txt_a{ font-size: 20px; -webkit-animation: fadeOutDown 2s; animation: fadeOutDown 2s; -webkit-animation-fill-mode: both;  animation-fill-mode: both; }
.swiper01 .swiper-slide .txt_b{ font-size: 40px; margin:10px 0px; font-weight:bold; letter-spacing:5px; -webkit-animation: fadeOutDown 2s;  animation: fadeOutDown 2s;  -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.swiper01 .swiper-slide .txt_c{ font-size:20px;  -webkit-animation: fadeOutDown 2s;  animation: fadeOutDown 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.swiper01 .swiper-slide .txt_d{ display: block; width: 160px; background: #fff; color:#6f6f6f; margin: 0 auto; line-height: 50px; font-size: 20px; margin-top: 20px;-webkit-animation: fadeOutDown 2s; animation: fadeOutDown 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
}
 

.swiper01 .swiper-slide.swiper-slide-active .txt_a{ -webkit-animation: fadeInUp 1.5s; animation: fadeInUp 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.swiper01 .swiper-slide.swiper-slide-active .txt_b{ -webkit-animation: fadeInUp 1.5s; animation: fadeInUp 1.5s; -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.swiper01 .swiper-slide.swiper-slide-active .txt_c{ -webkit-animation: fadeInUp 1.8s; animation: fadeInUp 1.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.swiper01 .swiper-slide.swiper-slide-active .txt_d{  -webkit-animation: fadeInUp 2s;  animation: fadeInUp 2s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}



.swiper01 video { width: 100%; height: auto\9;  height: 100%;  object-fit: cover;}

.swiper01 .swiper-pagination{ bottom: 120px; }   


.swiper01 .swiper-button-prev {
    background-image: url(http://zy.yihaolinju.com/style/css/img/jtleft.png);
    background-size: 24px;
    left: 4%;
}
.swiper01 .swiper-button-next {
    background-image: url(http://zy.yihaolinju.com/style/css/img/jtright.png);
    background-size: 24px; right: 4%;
}
.swiper01 .swiper-button-prev, .swiper01 .swiper-button-next {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: #045ba8;
    color: #fff;
    text-align: center;
    margin: -30px 0 0;
    outline: none;
    border-radius: 100%;
    transition: all .5s ease;
    top: 45%;
    border: 1px solid #045ba8;
}

.swiper01  .swiper-pagination-bullet{     height: 40px; opacity:1; width: 100px;  border-radius: 0;  background: none; color: #fff; border-bottom: 1px solid #fff;  border-bottom-color: rgba(255, 255, 255, 0.6); position:relative;}

.swiper01.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0;  }

.swiper01  .swiper-pagination-bullet.swiper-pagination-bullet-active{ font-weight:bold; }
.swiper01  .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ display: block; content: '';  width: 16px; height: 4px; background: #fff;  position: absolute;  left: 50%; margin-left: -8px; bottom: -23px; }
 
 
 
 
 
.about{ position: relative; padding:0px 0;  background:url(http://zy.yihaolinju.com/style/css/img/bgjz.png) rgb(19, 148, 82) left top;}
.about .you_title{ margin-top:0px; }
.about .you_title .title_txt h2{ color:#fff; }
.about .you_title .title_txt h2::after{ background: #ffffff; }
#container{ width:1200px; height:800px;  margin-left: -50px;}

#container p{ display:inline-block; font-size:18px!important; }
#container div p:last-child{ }
#container div p:last-child::before{ content:':  ';  }
.about .about_left{ float: left; width:50%; }
.about .about_right{ float: right; width: 45%;  margin-top: 200px;}
.about .about_right .text{     color: #fff; margin-top: 50px;  font-size:18px;}


.about.about_jm .about_left{ float:none;     width: 80%; margin:0 auto;}
.about.about_jm  #container{ width:100%;  height:900px; margin-left:0; }

.about.about_jm h2.title{ text-align: center;  color: #fff;   font-size: 50px;  position: absolute;  width: 100%;  top: 110px; }



.dq_qy{ width: 80%;  margin: 0 auto;   display: flex; }  
.dq_qy li{ flex: 1;  text-align: center;   background: #ffffff;  color: #585858;   line-height: 45px;   margin: 1px; }
.dq_qy li.hover{ background: rgb(19, 148, 82, 0.5);;  color: #fff; }
.dqlist{ width: 80%;  margin: 0 auto;  color: #fff; margin-top: 45px;}
.dqlist ul{overflow: hidden; display:none; }
.dqlist ul:nth-child(1){ display:block; }
.dqlist ul li{    width: 25%; float: left;   margin-bottom: 25px;}
.dqlist ul li h2{font-size: 16px;  margin-bottom: 8px;}
.dqlist ul li h3{    font-weight: 400;  font-size: 14px;  color: #dadada;}


.net_num_box {  width:100%; margin-top:50px;     display: flex; }
.net_num_box div {  display: inline-block; vertical-align: middle;}
.net_num_box  div   div {  display: inline-block; vertical-align: middle; color: #fff;}
.net_num_box   div   div.net_icon_box { position: relative;  width: 4.79vw; height: 4.79vw; border-radius: 100%;  text-align: center; line-height: 4.79vw; background-color: #fff;  margin-right: 16px; background-image: url(http://zy.yihaolinju.com/style/css/img/xx.png); display: none;}
.net_num_box > div > div.net_icon_box::before { content: "";  display: block;  width: 163%;  padding-bottom: 163%; position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%);  background-image: inherit;}

.net_num_box  .timer {  font-size: 60px; font-weight: bold;}
.net_num_box .miaos{ font-size:18px;  display: block;}
.net_num_box .miaos img{      display: inline-block;   width: 24px; vertical-align: middle;}
.at_on{width:100%;}
.at_on:nth-child(1),.at_on:nth-child(2){  }
.at_on i{ display:block; }
.at_on i img{ vertical-align: middle; }
.at_on:nth-child(2n){  }
.line_bottom_left{ background:url(../images/line_bottom_left.png) left top no-repeat; height:29px; position: absolute; bottom: 0;
    width:20%;}
.line_bottom_right{ background:url(../images/line_bottom_right.png) right top no-repeat; height:29px; position: absolute; bottom: 0;
    width:20%; right:0;}
.line_bottom_center{ background:url(../images/line_bottom_center.png) center top no-repeat; height:29px; position: absolute; bottom: 0;
    width:60%; left:20%;}

.about_a{      width:80%; margin: 0 auto;}

.about_a_1 {
    width:48%;
    float: left;
    margin-top: 150px;
}
.about_a_1 h2 {
    font-size: 32px;
    color: #fff;
    margin-bottom: 20px;
}
.about_a_1 p {
    color: #ececec;
    line-height: 33px;
}
.idx-tags {
    width: 90%;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 50px;
}
.about_a_1 .idx-tags {
    width: 100%;
    margin-left: -34px;
    margin-top: 50px;
}
.idx-tags ul {
    overflow: hidden;
}
.idx-tags ul li {
    float: left;
    width: 25%;
    font-size: 22px;
    text-align: center;
}
.idx-tags .tags_left {
    font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt" !important;
    margin-right: 10px;
    font-size: 50px;
    display: inline-block;
    color: #fff;
}
.about_a_1 .idx-tags .tags_left {
    font-size: 30px;
    display: block;
    margin-bottom: 10px;
}
.idx-tags .col2 {
    display: inline-block;
    text-align: left;
}

.about_a_1 .idx-tags .col2 {
    color: #b3b3b3;
    text-align: center;
    font-size: 16px;
    line-height: 25px;
}
.about_a_2 {
    width:50%;
    float: right; margin-top: 110px;
}
.about_a_2 img {
    width: 100%;
    height: auto;
}



.pub_case {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: flex-start; margin-top:100px; color:#fff;
}
.pub_case .pub_casetxt {
    width: 53.714%;
    padding-right:3%;
}
.pub_case .pub_info {
    width: 46.286%;
    padding-right: 0;
    margin-top: .12rem;
    line-height: 2.44;
    text-align: justify;
    letter-spacing: 1px;
}
.pub_title {
    color: #fff;
    line-height: 1.2;
    font-size: 50px;
    font-weight: bold;
}
.pub_title_en {
    line-height: 1.33;
        margin-top: 20px;
        text-transform: capitalize;
        font-size: 50px;
        font-family: en_b;
        font-weight: 100;
}
.pub_case .idx-tags{ width:100%;     margin-top: 50px; }

.pub_case .idx-tags ul li{ float: left;
    width: 32%;
    font-size: 22px;
    text-align: left;
    display: flex; }
.pub_case .idx-tags .col2{ text-align: left;
    font-size: 18px;
    line-height: 24px; margin-top: 5px;}
	
.pub_case .idx-tags .tags_left{ font-weight:bold; } 
.pub_case .idx-tags li:nth-child(3) .tags_left span{ display: block; line-height: 56px; }

.pub_case.pub_caseen .pub_title{ text-transform: uppercase;     font-size: 30px;  }
.pub_case.pub_caseen  .pub_title_en{ font-size: 30px;   text-transform: uppercase; }
.pub_case.pub_caseen  .idx-tags .tags_left{ font-size: 35px; display:block; }
.pub_case.pub_caseen .idx-tags ul li{ text-align:center; display:block; }
.pub_case.pub_caseen .idx-tags .col2{text-align: center; }
.pub_case.pub_caseen  .idx-tags li:nth-child(3) .tags_left span{     line-height: 42px; }
.pub_case.pub_caseen .pub_info {
    width: 50%;
    padding-right: 0;
    margin-top: .12rem;
    line-height: 28px;
    text-align: justify;
    letter-spacing: 0;
}





.dian{ overflow: hidden;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 50px;}
.dian li{  background: #fff;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    padding: 20px;
    font-size: 30px;
    margin: 0 50px;
    display: inline-block;
    text-align: center;
    vertical-align: text-top;}


.dian li:nth-child(1){ background: none; width: auto; padding: 0; height: auto; margin: 0; }
.dian li img{ width: 330px; }

.abouten .dian li {
    background: #fff;
    height: 50px;
    width: 59px;
    border-radius: 50%;
    padding: 20px;
    font-size: 16px;
    margin: 0 50px;
    padding: 34px 30px;
    display: inline-block;
    text-align: center;
    vertical-align: text-top;
}
.abouten .dian li:nth-child(1) {
    background: none;
    width: auto;
    padding: 0;
    height: auto;
    margin: 0;
}



.about.about_story{ background:url(http://zy.yihaolinju.com/style/css/img/bgjztwo.jpg) #fff; }

.about.about_story .you_title .title_txt h2{ color:rgb(19, 148, 82); }
.about.about_story .you_title .title_txt h2::after {
    background: rgb(19, 148, 82);
}
.story{ margin: 0 auto;  width:80%; margin:0 auto; margin-top:100px; display: flex; margin-bottom:150px;}

.story .story_a{ height: 380px;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    color: #717171;
    line-height: 39px;
    letter-spacing: 1px;
    width: 50%;
    margin-right: 5%;
	  }

.story .story_c{ height: 340px;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    color: #717171;
    line-height: 35px;
    letter-spacing: 6px;
    color: #1e8d44;
    font-weight: bold;
    font-size: 18px;
    margin-right: 20px;
    width: 10%;
	  }

.story .story_b{ width: 30%; text-align: right; }
.story .story_b img{ width:100%; }

.story.storyen{ position:relative; display:block; }
.story.storyen .story_b{ position: absolute;  right: 0;   top: 0; }
.story.storyen .story_a{writing-mode: initial; height: auto; line-height: 25px;   letter-spacing: 1px;   width: 60%;   margin-right: 5%;   margin-top: 20px; }
.story.storyen .story_c{ writing-mode: inherit; width:50%; line-height: 35px; height: auto;  letter-spacing: inherit; }


@media screen and (max-width:1770px){
	
	.story .story_a{ height:450px; }
	}
@media screen and (max-width:1470px){
	
	.story .story_a{ height:490px; }
	}	
	


.nr_banner.nr_bannertwo{ overflow:hidden; position:relative; }
.nr_banner.nr_bannertwo video{ margin-top:-200px; }
.nr_banner.nr_bannertwo img{ display: block; }
.nr_banner.nr_bannertwo .videobg{ top: 0; left:0; background:rgb(19, 148, 82); opacity:0.3; position:absolute;  z-index:5; width:100%; height:100%;}
.products_shu li{ position:relative; overflow:hidden; }
.products_shu li::after {
   content: '';
       position: absolute;
       height: 100%;
       width: 66.66%;
       top: 0;
       z-index: 4;
       left: 0;
       pointer-events: none;
       background: linear-gradient(left, black, black 50%, rgba(0, 0, 0, 0) 100%);
       background: -ms-linear-gradient(left, black, black 50%, rgba(0, 0, 0, 0) 100%);
       background: -webkit-linear-gradient(left, white, white 50%, rgba(0, 0, 0, 0) 100%);
       background: -moz-linear-gradient(left, black, black 50%, rgba(0, 0, 0, 0) 100%);
}

.products_shu li .pic{  }
.products_shu li .pic img{  display: block; float: right; }

.products_shu li:nth-child(2n) .pic img{  float: left; }
.products_shu li:nth-child(2n)::after{    right: 0;
    left: auto;
    background: linear-gradient(right, black, black 50%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(right, black, black 50%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(right, white, white 50%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(right, black, black 50%, rgba(0, 0, 0, 0) 100%); }

.products_shu li:nth-child(2n) .txt{ right:10%; left:auto; }

.nr_banner .tel{ text-align: center;
    font-size: 35px;
    line-height: 1;
    left: 50%;
    color: #fff;
    position: absolute;
    top: 71%;
 
    width: 1200px;
    z-index: 5;
    margin-left: -600px;}
.nr_banner .en{     text-align: center;
    font-size: 21px;
    line-height: 1;
    left: 50%;
    color: #fff;
 
    top: 70%;
    margin-top: 30px;
    width: 1200px;
    z-index: 5;
 
    text-transform: uppercase; }
.nr_banner h2 {
    text-align: center;
    font-size: 60px;
    line-height: 1;
    left: 50%;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 1200px;
    z-index: 5;
    margin-left: -600px;
}
.nr_banner h2::after {
    margin: 0 auto;
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background: #ffe300;
    margin-bottom: 50px;
    margin-top: 50px;
}

.nr_banner h2.jm::after{ margin-bottom: 30px;   margin-top: 30px; }

.products_shu li span{  width:60px;
	    height:60px;
	    line-height:60px;
	    background-image: none;
	    background-color: rgb(19, 148, 82);
	    color: #fff;
	    text-align: center;
	    outline: none;
	    border-radius: 100%;
	    transition: all .5s ease;
		top: 45%; border: 1px solid rgb(19, 148, 82); background-image: url(http://zy.yihaolinju.com/style/css/img/jtright.png);
    background-size: 24px;     display: block; background-repeat: no-repeat;
    background-position: center;  -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; position:relative; }
.products_shu li span:hover{ margin-left:10px; }
.products_shu li span a{     height: 100%;
    width: 200px;
    font-size: 20px;
    padding-left: 20px;
    position: absolute;
    color: rgb(19, 148, 82);}

.products_shu li .txt {     color: rgb(19, 148, 82);
    position: absolute;
    z-index: 5;
    top: 40%;
    font-size: 50px;
    left: 10%;  line-height: 200%;}

.about .luans_right {
    position: relative;
    z-index: 5;
    width: 80%;
    margin: 0 auto;
    overflow: hidden; margin-bottom:50px;
}
 
.about .luans_right .swiper-luans {
    width: 70%;
    margin: 0 auto;
}
.about .luans_right img {
    width: 100%;
    height: auto; display:block;
}

.about .luans_right .swiper-button-next {
    right: 0;
    top: 0;
    margin-top: 0;
    background-color: #0e884a;
    width: 11%;
    height: 100%;
    padding-right: 2px;
}
.about .luans_right .swiper-button-prev {
    left: 0;
    top: 0;
    margin-top: 0;
    background-color: #0e884a;
    width: 11%;
    height: 100%;
    padding-left: 2px;
}


.prots{ background:url(http://zy.yihaolinju.com/style/css/img/picbg.jpg) no-repeat; height:915px; position: relative; }
.prots .pic_a{     left: 8%; position: absolute;  z-index: 5;  width: 480px; height: 480px; top: 50%; margin-top: -240px;}
.prots .pic_b{ z-index: 4; position: absolute;  width: 425px; height: 425px; top: 50%;  margin-top: -205px;  left: 22%; }


.quanquan{    z-index: 4;
    position: absolute;
    width: 400px;
    height: 400px;
    top: 50%;
    margin-top: -193px;
    left: 21%; }
.quanquan span{ display: block; width: 500px;  height: 500px; border: 1px solid #fff; position: absolute;  border-radius: 50%;  top: 50%;  margin-top: -250px; opacity: 0.5;}
.quanquan span:nth-child(1){}
.quanquan span:nth-child(2){ width: 640px; height: 640px;  margin-top: -320px;}
.quanquan span:nth-child(3){ width: 800px; height: 800px;  margin-top: -400px; }



.prots .box {z-index:6; position: absolute;   width: 400px; height: 400px; top: 50%; margin-top: -193px;  left: 21%;}

.prots .box .dot-con {  position: relative; width: 100%;  height: 100%; border-radius: 50%; transform: translateX(26%);}


.prots .box .dot-con .note {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    line-height:70px;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin:0;
    cursor: pointer;
    transition: opacity 0.8s ease-in-out;
    top: 0rem;
    left: -0.3rem;
}

.prots .box .dot-con .note:nth-child(1){ top: -141px;   left: 270px; }
.prots .box .dot-con .note:nth-child(2){ top: 59px;  left: 482px; }
.prots .box .dot-con .note:nth-child(3){ top: 275px; left: 648px; }
.prots .box .dot-con .note:nth-child(4){ top: 420px; left: 377px; }

.prots .box .dot-con .note > em {
    display: inline-block;
    z-index: 5;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    background-color: rgb(255 255 255 / 23%);
}
.prots .box .dot-con .note > em > i {
    position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 5;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        line-height:45px;
        text-align: center;
        color: #fff;
        background-color: #ffffff;
        font-size: 36px;
}
.prots .box .dot-con .note > em > span {
        width:45px;
        height:45px;
        border-radius: 50%;
        line-height:45px;
        text-align: center;
        overflow: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        z-index: 6;
        opacity: 0;
}
.prots .box .dot-con .note > em > span > img { width: 100%;}

.prots .box .dot-con .note > em > small {
    height:54px;
    line-height: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: calc(100% + 20px);
    display: inline-block;
    white-space: nowrap;
    position: absolute;
    font-size: 22px;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transform-origin: 0 50%;
    color: #ffffff;
        font-style: initial;     opacity: 0.7; text-align: left;
}

.prots .box .dot-con .note > em > small p{ font-size: 14px; }

.prots .box .dot-con .note > span {
   position: absolute;
       width: 100%;
       height: 100%;
       top: 0;
       left: 0;
       border: 1px solid rgb(255 255 255 / 16%);
       transform: scale(1.4);
       -webkit-transform: scale(1.4);
       -moz-transform: scale(1.4);
       -o-transform: scale(1.4);
       -ms-transform: scale(1.4);
       border-radius: 50%;
       z-index: 1;
       transition: all 0.3s ease-in-out;
       -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
       -ms-transition: all 0.3s ease-in-out;
}
.prots .box .dot-con .note .bg3 {
    position: absolute;
    width: 100%;
    top: -0.1rem;
    left: 0;
    opacity: 0;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    pointer-events: none;
    transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
}


.prots .box .dot-con .note.on > em {
    transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
}
.prots .box .dot-con .note.on > em > span {
    opacity: 1;
}
.prots .box .dot-con .note.on > span {
    transform: scale(1.6);
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    background-color: rgba(255, 255, 255, 0.21);
}
.prots  .box .dot-con .note.on > em > small {
    opacity: 1;
    pointer-events: none;
    transform: scale(0.6);     opacity:1;
}
.prots .box .dot-con .note.on .bg3 {
    opacity: 1;
    transform: scale(3);
}




.products{ background:url(http://zy.yihaolinju.com/style/css/img/banner1.jpg) no-repeat top center; }  



.case{ background:url(../images/casesbgtwo.jpg) no-repeat top center; padding: 70px 0px; }

	
	.you_title {  padding: 10px 15px; position: relative; display: -webkit-box; display: -webkit-flex;
	    display: flex;-webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 590px; margin:0 auto; }
	
	.you_title .title_txt{     text-align: center;
    border: none;
    padding: 0;
    margin: 0 auto; }
	.you_title .title_txt img{ max-width:100%; height:auto!important; }
	.you_title .title_txt h2{ color: rgb(19, 148, 82);  font-size: 42px; margin-bottom: 10px; font-weight: 400;     text-transform: uppercase;}
	.you_title .title_txt h2::after{ content: ''; display: block; height: 5px;  width: 60px; border-radius: 3px;  background: rgb(19, 148, 82); margin: 0 auto; margin-top: 30px;  margin-bottom: 30px; }
	.you_title .title_txt p{     color: #b3b3b3; font-size: 16px;  letter-spacing: 4px;}


.produ .you_title .title_txt h2{ color:#fff; }
.produ  .you_title .title_txt h2::after{     background: #ffffff; }
.nr_banner{
    width: 100%;
    overflow: hidden;
    height: 100%;
    left: 0;
    top: 0;
    padding-top: 98px;
}

.nr_banner .text{ width: 1920px;
    height: auto;
    position: relative;
    left: 50%;
    margin-left: -960px;
    display: block;
    animation: a2_6 10s ease infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1; }



.join_a{ position: relative; padding:150px 0px; padding-bottom: 350px;  background:url(http://zy.yihaolinju.com/style/css/img/jmbg2.jpg) rgb(19, 148, 82) center top;}

.join_a.join_aa{  background:url(http://zy.yihaolinju.com/style/css/img/bgjz.png) #0c7348 left top; }
.join_a_jm{ text-align:center; }
.join_a h2,.join_b h2,.join_c h2,.join_d h2,.join_e h2,.join_f h2,.join_g h2{ text-align: center;
    color: #fff;
    font-size: 50px;
    background-image: linear-gradient(90deg,#fff700,#ffb05c,#ffffff);
    -webkit-background-clip: text;
    color: transparent; }
.join_a .idx-tags{ margin-bottom:0px; color: #fff; margin-top: 50px; }

.join_b{  position: relative; padding:150px 0px;  background:url(http://zy.yihaolinju.com/style/css/img/bg5.jpg) #f8f8f8 top center no-repeat; }

.join_b h2{ color:#000; margin-bottom:50px; }

.join_b ul{ overflow:hidden; width:80%; margin:0 auto; }
.join_b ul li:nth-child(3n){ margin-right:0; }
.join_b ul li{ width: 32%;
    float: left;
    margin-right: 2%;
    padding: 55px;
    box-sizing: border-box;
    background-image: linear-gradient(90deg,rgb(19, 148, 82),#08925d);
    height: 340px;
    margin-bottom: 20px;
    border-radius: 15px; }
.join_b ul li em{ color: #fff;
    display: block;
    text-align: center;
    font-style: inherit;
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 25px;}
.join_b ul li span{ color: #fff;
    font-size: 18px;
    line-height: 30px; }


.join_c{ background:#fff; text-align: center; padding:150px 0; }
.join_c h2{ color:#000; margin-bottom:50px; }


.join_d{ background:url(http://zy.yihaolinju.com/style/css/img/bg6.jpg); text-align: center; padding:150px 0; }
.join_d h2{ color:#fff; margin-bottom:50px; }



.join_e{ background:url(http://zy.yihaolinju.com/style/css/img/bgjztwo.jpg) #fff; text-align: center; padding:150px 0; }
.join_e h2{ color:#000; margin-bottom:50px; }



.join_f{ background:url(http://zy.yihaolinju.com/style/css/img/bg7.jpg); text-align: center; padding:130px 0; }
.join_f h2{ color:#fff; margin-bottom:50px; }


.join_g{background:url(http://zy.yihaolinju.com/style/css/img/bgjztwo.jpg) #fff; text-align: center; padding:150px 0; }
.join_g h2{ color:#000; margin-bottom:50px; }
.join_g .youshia img:nth-child(1){ margin-right:50px; }
.join_g .youshia img:last-child{ margin-top:50px; }

.navdh {
    padding: 10px 0px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width:80%;
    margin: 0 auto;
    margin-top: 40px;
}
.postion {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #7c7c7c;
    font-size: 16px;
}

.postion a {
    color: #7c7c7c;
	font-size: 16px;
}
.navdh .right img {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.navdh .right span {
    color: rgb(102, 102, 102);
    display: inline-block;
    vertical-align: middle;
    transition: all .3s;
    font-size:16px;
}



.in_crilist ul{ width: 80%;
    margin: 0 auto;
    display: flex;}
.in_crilist ul li{     flex: 1;     margin: 20px;}
.in_crilist ul li .in_lipic_img{ background: rgb(19, 148, 82);
    color: #fff;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    display: inline-block;
    padding: 20px;
    font-size: 25px; }
.in_crilist ul li .in_work{ line-height: 33px;  margin-top: 20px; }

#maintwo{
    padding-top:70vh;
    z-index: 10;
}

.produ{ background:#fff; min-height:1200px; }
.produ::before{ display: block; content:'';}


	#sw2{ margin-top:100px; }
	#sw2 .max-wid > .left {
	    position: relative;
	    width: 22%;
	    height: 100%;
	}
	#sw2 .num-box {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: auto;
	    pointer-events: auto;
	    z-index: 10;
	    height: 200px;
	    width: 200px;
	    border-radius: 50%;
	    overflow: hidden;
	}
	#sw2  .num-box > .a {
	    position: absolute;
	    z-index: 4;
	    overflow: hidden;
	    width: 100%;
	    height: 50%;
	    transform: skewy(-45deg);
	    line-height: 155px;
	    text-indent: 41px;
	}
	#sw2 .num-box > .a > em {
	    position: absolute;
	    width: 100%;
	    height: 200%;
	    left: 0;
	    top: 0;
	    transform: skewy(45deg);
	    color: #d70917;
	    line-height: 150px;
	    text-align: left;
	    text-indent: 33px;
	}
	#sw2 .num-box > .b {
	    position: absolute;
	    z-index: 4;
	    overflow: hidden;
	    width: 100%;
	    height: 50%;
	    bottom: 0;
	    transform: skewy(-45deg);
	}
	#sw2 .num-box:after {
	    position: absolute;
	    content: "";
	    height: 0;
	    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	    width: 30%;
	    top: 50%;
	    left: 50%;
	    display: block;
	    transform: translate(-50%, -50%) rotate(-45deg) scalex(1);
	}
	#sw2 .num-box  .b  em {
	    position: absolute;
	    width: 100%;
	    bottom: 0;
	    height: 200%;
	    left: 0;
	    transform: skewy(45deg);
	    color: rgba(0, 0, 0, 0.5);
	    line-height: 238px;
	    text-indent: 35px;
	    text-align: center;font-size:20px;font-family: en_b;
	}
	#sw2 .num-box .a  em {
	    position: absolute;
	        width: 100%;
	        height: 200%;
	        left: 0;
	        top: 0;
	        transform: skewy(45deg);
	        color: #0059a7;
	        line-height: 150px;
	        text-align: left;
	        text-indent: 33px; font-size:50px; font-family: en_b;
	}
	 
	#sw2 .swiper-wrapper .swiper-slide {
	    width: 45vw;
	    height: 100%;
	    position: relative;
	    display: flex;
	    justify-content: center;
	    flex-direction: column;
	    align-items: center;
	    z-index: 10;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner {
	    display: block;
	    margin: 0 auto;
	    position: relative;
	    width: 100%;
		background:url(../images/casebg.png) no-repeat;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .top {
	   width: 87%;
	       margin: 40px 0px;
	       margin-left: 40px;
	       position: relative;
	       border-radius:10px;
	       overflow: hidden;
	}
	
	#sw2 .swiper-wrapper .swiper-slide .inner .top .photo {
	    width: 100%;
	    height: 0px;
	    padding-bottom: 56.25%; background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
	}
	
	
	#sw2 .swiper-wrapper .swiper-slide .inner .mid {
	   position: absolute;
	       left:40px;
	       z-index: 10;
	       width: 65%;
	       bottom: 40px; border-bottom-left-radius: 9px; overflow: hidden;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg {
	        padding: 20px 10px;
	        display: flex;
	        align-items: center;
	        justify-content: space-between;
			background:url(../images/casesbg.png) no-repeat left top;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3 {
	   color:#313131; font-size: 18px;  font-weight: 400; text-indent: 15px;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3 > i {
	    display: inline-block;
	    margin-right: 10px;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .right {
	    font-size: 12px;
	        color: #999999;
	        opacity: 0.3;
	        font-weight: bold;     font-family: en_b; opacity:0;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .btm {
	    width: 100%;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .btm .text_ {
	    color: #fff; display:none;
	}
 
 #sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left small {
     color: #666666; font-size: 16px; line-height: 28px; display:none;
 }
 
 .num-box.on {
     animation: e1 2s cubic-bezier(0.86, 0, 0.07, 1);
 }
 
 #sw2 { position: relative;}
 #sw2 .max-wid {
     position: absolute;
     left: 0;
     right: 0;
     margin: auto;
     top: 0;
     height: 72%;width: 82%;
     max-width: 1400px;
 }
 #sw2 .swiper-pagination {
     position: absolute;
     height: 100%;
     width: 22%;
     left: auto;
     right: 0;
     top: 0;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }
 #sw2 .swiper-pagination span {
     margin: 10px 0; width:15px; height:15px;
 }
 
  .num-box.on {
 	     animation: e1 2s cubic-bezier(0.86, 0, 0.07, 1);
 	 }
 




.index4 {  height: 100vh; display: flex; align-items: center; position: relative; width:80%;  margin: 0 auto;}
.weui-cell__bd { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}


.animatethis .js-m {
    opacity: 1;
    -webkit-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    transform: translate(0, 0px);
}


.idx4top {
    display: flex;
    align-items: center;
    padding-bottom:24px;
    border-bottom: 1px solid #d4d4d4;
}
.idx4top .title {
    font-size:42px;
    color: #333;
}
.idxwrapper .morebtn {
    width: 1.8rem;
    line-height: .54rem;
    background: #df2424;
    transition: all .3s ease-in-out;
    font-size: .16rem;
    color: #fff;
    display: block;
    text-align: center;
}
.idx4box {
    position: relative;
    margin-top:30px;
}
.idx4box .left {
    width: 65%;
    overflow: hidden;
    position: relative;
    display: block;
}
.idx4box .left img {
    transition: all .5s ease-in-out; width: 100%;
}
.idx4box .left .content {
    position: absolute;
    bottom:24px;
    left: 0;
    right: 0;
    padding: 0 28px;
}
.idx4box .left .h1 {
    font-size:16px;
    font-family: "DIN";
    color: #fff;
}
.idx4box .left .h2 {
    font-size:24px;
    color: #fff;
    margin-top:16px;
}

.idx4box .right {
    position: absolute;
    right: 0;
    width: 33%;
    top: 0;
    bottom: 0;
}
.idx4box .right .item {
    display: flex;
    align-items: center;
    height: 25%;
    border-bottom: 1px solid #e8e8e8;
    padding-right: .15rem;
}
.idx4box .right .item .imgbox {
    width: 34.8%;
    margin-right: .2rem;
    overflow: hidden; height:96px;
}
.idx4box .right .item img {
    object-fit: cover;
    height: 100%;
    transition: all .5s ease-in-out;
}
.idx4box .right .item .h1 {
    font-size: 12px;
    font-family: "DIN";
    color: #aaa;
    margin-bottom: .75vw;
}
.idx4box .right .item .h2 {
    font-size:16px;
    color: #373737;
    line-height: 1.625;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: all .3s ease-in-out;
}

.index4:after {
    content: "news";
    position: absolute;
    left:-16px;
    color: #f7f7f7;
    font-size: 9vw;
    text-transform: uppercase;
    font-family: "Microsoft Yahei";
    bottom: -4vw;
    font-weight: bold;
}

footer {
    background: #292929;
    padding-top:50px;
}
footer .logo {
    width: 2.02rem;
    display: block;
}

footer .container{ width: 80%; margin: 0 auto;}

.footer1 {
    display: flex;
    align-items: flex-start;
    padding:50px 0;
}
.footer1 .navs dl {
    float: left;
}
.footer1 .navs dl:not(:last-child) {
    margin-right: 5.5vw;
}
.footer1 dl dt {
    font-size:18px;
    color: #fff;
    font-weight: normal;
    padding-bottom:10px;
}
.footer1 dl dd a {
    font-size:14px;
    color: rgba(255,255,255,.4);
    display: block;
    margin-top:15px;
    transition: all .3s ease-in-out;
}

footer .codebox {
    text-align: center;
    margin-right: 3vw;
}
footer .codebox img {
    width:140px;
    margin: 0 auto;
}
footer .codebox p {
    font-size: 14px;
    color: #fff;
    line-height: 1.571;
    margin-top:1px;
}

footer .infobox .item {
    margin-bottom:20px;
    font-size: 0;
}
footer .infobox .item span {
    display: inline-block;
    vertical-align: middle;
    font-size:16px;
    color: #fff;
    line-height:23px;
}

footer .infobox .item span {
    max-width:260px;
}

footer .infobox .item img {
    display: inline-block;
    vertical-align: middle;
    margin-right:12px;
}

.footer2 {
    border-top: 1px solid #636363;
    display: flex;
    align-items: center;
    padding:25px 0;
}
.footer2 .left {
    font-size:14px;
    color: #fff;
}
.footer2 .left a{color: #666;}
.footer2 .linkbox {
    position: relative;
}
.footer2 .linkbox .before {
        width: 300px;
        padding: 10px 10px;
        border-radius: 10px;
    border: 1px solid rgba(255,255,255,.6);
    cursor: pointer;
}
.footer2 .linkbox .before .txt {
    color: rgba(255, 255, 255, 0.702);
    font-size:14px;
}
.footer2 .linkbox .before img {
    transition: all .5s ease;
    transform: rotate(180deg);
}
.footer2 .linkbox .after {
    position: absolute;
    bottom: 100%;
    width: 100%;
    left: 0;
    border: 1px solid rgba(255,255,255,.6);
    border-radius:15px;
    background: #2d2d2d;
    display: none;
}
.footer2 .linkbox .after a {
    display: block;
    color: rgba(255, 255, 255, 0.702);
    padding: 10px 10px;
        font-size: 14px;
    border-bottom: 1px solid rgba(255,255,255,.6);
    transition: all .3s ease-in-out;
}
.footer2 .linkbox.on .before img {
    transform: rotate(0deg);
}
.weui-cell {
    padding: 10px 15px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.footer2 .linkbox .after a:last-child {
    border-bottom: 0;
}






.nav_nr {
           width: 1200px;
           margin: 0 auto;
           margin-top: -80px;
           position: relative;
           z-index: 5;
}
.nav_nr ul {     padding: 0;
    background-color: rgb(19, 148, 82);
    display: flex;
    box-shadow: 0 10px 25px -4px #331F01;
}
.nav_nr li {
    flex: 3;
    position: relative;
}
.nav_nr li a {
    display: block;
    color: #ffffff;
    line-height: 100px;
    text-align: center;
    font-size: 20px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; 
}
.nav_nr li a:hover,.nav_nr li a.hover{ background-color: #fff; color: #5c6461; }
.nav_nr li a::after{ content: ""; position:absolute; top: 0; bottom:0; margin: auto; right: 0; width: 1px; height: 20px; background-color: #ddd;}
	.nav_nr li:last-child a::after{ display:none; }
	.nav_nr li a.hover:after {
	    opacity: 0;
	}




.produ{ background:url(../images/bg1.jpg) no-repeat top center; background-size:auto 100%;     background-image: radial-gradient(#013c6f, #0059a7); position:relative; } 
.produ .you_title{ padding-top:100px;  }





.shuzi{ width:80%; margin: 0 auto; margin-top:150px; position: relative;}
.shuzi .bigvideo{ width:400px;
    height:400px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 0px 0px 33px rgb(3 69 183 / 26%); position:relative;  border: 18px solid #fff;
    z-index: 5;}
.shuzi .bigvideo video{ position: relative; width:800px; margin-top: -20px; z-index:5; }

.bigvideo span{ display:block; }

.shuzi .bg{ width: 900px;
    height: 900px;
    left: 50%;
    margin-left: -450px;
    margin-top: -240px;}

.shuzi .bg i{ width:350px; height:350px; }


.shuzi  ul{ width: 900px; top:0;
    height: 900px;
    left: 50%;
    margin-left: -450px;
    margin-top: -240px; position: absolute; z-index:10; }

.shuzi  ul li{background-size: 100% 100%;
    position: absolute;
    width: 78px;
    height: 78px;
    text-align: center;
    background: #e83928;
    border-radius: 50%;
    color: #fff;
    padding: 10px; cursor:pointer;     line-height: 80px;
    font-size: 18px; }

.shuzi  ul li p{ margin-top: 29px;
    background: #045ba8;
    border-radius: 5px;
    padding: 15px;
    width: 160px;
    line-height: 33px;
    margin-left: -60px; display:none; }

.shuzi  ul li:hover p{ display:block; }

.shuzi  ul li img{width: 60%; display: block;  margin: 0 auto; display:none;}
	
.shuzi  ul li:nth-child(1){     top: 140px; left: 170px; }
.shuzi  ul li:nth-child(2){ top: 440px; left: 20px; background: #0085ff; }
.shuzi  ul li:nth-child(3){ top: 730px; left: 280px; background: #4f799a; }
.shuzi  ul li:nth-child(4){     top: 200px; left: 660px;background: #025ba9; }
.shuzi  ul li:nth-child(5){top: 550px; left: 690px; background: #003557;}


.bjdh{ position: absolute;     z-index: 0;  bottom: 0;  }


#mask_div1{ position: absolute;
    top: 790px;
    opacity: 0.4; }



.luans { overflow:hidden; background:rgb(19, 148, 82);overflow:hidden; }

.luans .luans_left{ width:35%; float:left; position:relative; z-index: 5;}
.luans .luans_left .bg1{ background: rgb(19, 148, 82); z-index: 5;
    display: block;
    height: 1280px;
    margin-left: 340px;
    width: 500px;
    border-radius: 50%;
    opacity: 0.3;
    margin-top: -300px;
    position: absolute;}
	
	.luans .luans_left .bg2{ background: rgb(19, 148, 82); z-index: 5;
    display: block;
    height: 1280px;
    margin-left: 270px;
    width: 500px;
    border-radius: 50%;
    opacity: 0.7;
    margin-top: -300px;
    position: absolute; }
	
	.luans .luans_left .bg3{ background: url(http://zy.yihaolinju.com/style/css/img/bgjz.png) top left rgb(19, 148, 82);
    z-index: 5;
    display: block;
    height: 1500px;
    width: 720px;
    border-radius: 50%;
    opacity: 1;
    margin-top: -400px;
    position: absolute;}


.luans .luans_right{ width:65%; float: right; overflow:hidden; position: relative;}
.luans .luans_right img{ display:block; }
 .luans .luans_right p{ position: absolute;
    bottom: 40px;
    text-align: center;
    display: block;
    color: rgb(19, 148, 82);
    width: 100%;
    font-size: 25px;}
.luans .swiper-button-prev{ background-image: url(http://zy.yihaolinju.com/style/css/img/jtleft.png); background-size: 24px; left: 54px; border-radius: 50%;
    width: 46px;
    height: 46px;
    border: 1px solid #fff; }
.luans .swiper-button-next{ background-image: url(http://zy.yihaolinju.com/style/css/img/jtright.png); background-size: 24px; right: auto; left: 120px; border-radius: 50%;
    width: 46px;
    height: 46px;
    border: 1px solid #fff;}

.luans .swiper-pagination-fraction{ color: #d5d5d5;  width:120px;  font-size: 30px; font-weight: bold;  left: auto; right: 5%;  bottom: 40px; }
.luans .swiper-pagination-current{ padding-bottom: 10px; display: block; position: absolute; top: -20px; color: #fff;  font-size:40px; }
.luans .swiper-pagination-total{ padding-left: 12px; position: absolute; }

.luans  .text{ color: #fff;  margin-top:270px;  position: absolute;  z-index: 8;  width: 100%; left: 20%; }
.luans  .text h2{ font-size:60px;  margin-bottom: 40px;  }
.luans  .text span{ position: absolute;  left: 30px; display: block;  width: 100%;  font-size: 100px;  font-weight: bold;  top: -55px;  opacity: 0.2; }
 
.luans  .text p{ font-size: 18px; }
 
.produ .you_title{ width:1000px; }
.produ .you_title .title_txt p {  color: #dcdcdc; line-height: 28px;  font-size: 18px; background: #045ba894; padding: 25px 25px;  border-radius: 5px; }



.contact{  position: relative; padding:150px 0;  background:url(http://zy.yihaolinju.com/style/css/img/bgjz.png) rgb(19, 148, 82) left top; padding-top: 100px;} 
.contact .tel{ text-align: center;  color: #fff;  font-size: 50px;   font-weight: bold;   margin-bottom: 100px; }

.contact .map{ width:80%; margin:0 auto; border: 10px solid #fff; overflow: hidden; background:#fff; }
#map{ width:100%; height:500px; }
.contact .map ul{ background: #fff; padding:100px 55px; font-size:25px;  float: left;} 

.contact .weixinkf{ color: rgb(19, 148, 82);
    background: #fff;
    padding: 100px 55px;
    float: right;
    font-size: 18px; }
.contact .weixinkf h2{ font-size: 18px; }
.contact .weixinkf img{  display:inline-block; margin-top:15px; }

.contact .map strong{  display: block;
    margin-bottom: 10px;     color: rgb(19, 148, 82); }
.contact .map ul li{ font-size: 18px;     margin-bottom:30px;  }
.contact .map ul li img{  display: inline-block;
    vertical-align: middle;
    width: 28px; }
.contact .map ul li:last-child{ margin-bottom:0; }
.alshow{ position:relative; overflow:hidden; }
.alshow .title{ position: absolute;  z-index: 5;  text-align: center;  width: 610px; left: 50%;  margin-left:-305px;  color: #fff;   top: 100px;  font-size:40px; display:none; }

.alshow .title span{ position: absolute;
    left: 0;
    display: block;
    width: 100%;
    font-size: 100px;
    font-weight: bold;
    top: -25px;
    opacity: 0.3; }
.alshow .title  h2{ font-size:60px; }
.alshow .you_title h2{ color: #fff; }

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}






.footer {
     position: relative;
     padding: 0;
     font-size: 14px;
     color: #747474;
     line-height: 20px;     padding-bottom: 0; background: rgb(19, 148, 82);
 }
	.footer_1{     color: #fff;
    position: relative;
    box-sizing: border-box;
    padding:70px  10%;
    padding-bottom: 0; }
	.footer_weixin{ display: flex; float:left; width:30%; }
	.footer_weixin li{  text-align:center; margin-right:20px; }
	.footer_weixin li img{ border:1px solid #f1f1f1; width:100px; display:block; margin:0 auto;margin-bottom:10px; }
 
	.footer.footercontact .footer_1{ position: absolute;  left: 7.5%;  margin-top: -150px; z-index:5; }
	.footer.footercontact .footer_2{ padding-top: 190px; }
	.footer_1:after {
	    clear: both;
	    display: table;
	    content: " ";
	}
	
	.footer_weizhi{ float:left; width:40%; text-align: center; }
	.footer_weizhi img{ display:block; margin:0 auto;margin-bottom:15px; }
	.footer_weizhi  span{ display: block; line-height: 41px;  font-size: 20px; }
	.footer_tel{ float:right; text-align:right; width:30%; }
	.footer_tel span{ display:block; }
	.footer_tel span:nth-child(1){ font-size: 20px; margin-bottom: 15px; }
	.footer_tel span:nth-child(4){ font-size: 20px; margin-top: 15px; }
	.footer_tel span:nth-child(2),.footer_tel span:nth-child(3){font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt" !important; font-size: 25px;
    letter-spacing: 1px;  line-height: 36px;}
	.footer_tel img{ width:30px; vertical-align: text-top; }
	 
	.footer_tel a{ color:#fff; }
	 
	 
	 
	 .footer_2{  padding:50px 10%; color: #f7f7f7; font-size: 14px; line-height:28px;     padding-top: 70px;}
	 .footer_2 strong{color: #f7f7f7; margin-right: 10px; }
	 .footer_2 a{ color:#f7f7f7; margin-right: 15px; }
	 .footer_2 .container{ width:100%; margin:0 auto; }
	 .footer .text-left {
	     padding-top: 5px;
	     padding-bottom: 5px; width:50%;  float: left;
	 }
	 .footer .text-right {
	     padding-top: 5px;
	     padding-bottom: 5px; width:50%;  float: left; text-align: right;
	 }
	 
	 
	 .gotop {
	     position: absolute;
	     left: 50%;
	     bottom:0px;
	     margin-top: 0;
	     -webkit-transform: translate(-50%,-50%);
	     transform: translate(-50%,-50%);
	     color: #fff; cursor:pointer;
	 }
	 .radius-half {
	     -webkit-border-radius: 50%;
	     -moz-border-radius: 50%;
	     border-radius: 50%;
	 }
	 
	 .gotop >div {
	     position: relative;
	     top: 0;
	     margin: 0 auto 50px;
	     width: 26px;
	     height: 26px;
	     opacity: .7;
	     border: 1px solid #fff;
	     -webkit-transition: all 1s cubic-bezier(.23,1,.38,1);
	     transition: all 1s cubic-bezier(.23,1,.38,1);
	 }
	 .gotop:hover >div {
	     top: 35px;
	     border-bottom: 0;
	     border-right: 0;
	     border-left: 0;
	     opacity: 1;
	 }
	 .gotop:hover >div i {
	     top: -30px;
	 }
	 .gotop >div i {
	     position: absolute;
	     top: 10px;
	     left: 50%;
	     display: block;
	     content: "";
	     width: 1px;
	     height:55px;
	     background: #fff;
	     -webkit-transition: all 1s cubic-bezier(.23,1,.38,1);
	     transition: all 1s cubic-bezier(.23,1,.38,1);
	 }
	 .gotop >div i::after {
	     position: absolute;
	     top: 0;
	     left: -3.5px;
	     display: block;
	     content: "";
	     width: 8px;
	     height: 8px;
	     border-top: 1px solid #fff;
	     border-right: 1px solid #fff;
	     -webkit-transform: rotate(-45deg);
	     transform: rotate(-45deg);
	 }
	 
	 
	 
	 
	 
	.classic-cl{ padding:0px 0px; position: relative; padding-bottom:0; }
	.classic-cl .swiper-slide{ opacity:0.3; text-align: center; position:relative; }
	.classic-cl .swiper-slide.swiper-slide-active{ opacity:1; }
	
	.classic-cl .swiper-button-prev, .classic-cl .swiper-button-next {
	    width:60px;
	    height:60px;
	    line-height:60px;
	    background-image: none;
	    background-color: rgb(19, 148, 82);
	    color: #fff;
	    text-align: center;
	    margin:-30px 0 0;
	    outline: none;
	    border-radius: 100%;
	    transition: all .5s ease;
		top: 45%; border: 1px solid rgb(19, 148, 82);
	}
	
	
	.classic-cl .swiper-button-next{ background-image: url(http://zy.yihaolinju.com/style/css/img/jtright.png); background-size:24px; }
	.classic-cl .swiper-button-prev{ background-image: url(http://zy.yihaolinju.com/style/css/img/jtleft.png); background-size:24px; left: 4%;}
	
	.classic-cl .swiper-button-prev::before,.classic-cl .swiper-button-prev::after,.classic-cl .swiper-button-next::before,.classic-cl .swiper-button-next::after{ display:none; }
	
	.classic-cl .swiper-button-next { left:92%;  right: auto;}
	
.classic-cl .swiper-slide .pic img{ width:100%; display: block; }
.classic-cl .swiper-slide .small_pic{ position: absolute; width: 70%;  left: 30%;  bottom: 0;   }
.classic-cl .swiper-slide .small_pic img{ display:block; margin:0 auto; }
.classic-cl .swiper-slide .small_pic span{ display:block; }

.classic-cl .swiper-slide .small_pic span:nth-child(1) img{ width:750px; }




.classic-cl .slidea .small_pic span:nth-child(2){ position: absolute;    top: 120px;  left: 290px; }
.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(2){ animation: a1_1 1s ease infinite ; -webkit-animation:a1_1 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1 }

@keyframes a1_1{
	from {top:200px; opacity:0}  to {  top: 120px;  left: 290px; opacity:1}
}

@-webkit-keyframes a1_1{
	from {top:200px;    opacity:0}  to {  top: 120px;  left: 290px; opacity:1 }
}



.classic-cl .slidea .small_pic span:nth-child(3){ position: absolute;   top: 0;    left: 400px; opacity:0; }
.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(3){ animation: a1_2 1.5s ease infinite ; -webkit-animation:a1_2 1.5s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards }

@keyframes a1_2{
	from {top:50px;    left:300px; opacity:0}  to { top: 0;    left: 400px; opacity:1}
}

@-webkit-keyframes a1_2{
	from {top:50px;    left:300px; opacity:0}  to { top: 0;    left: 400px; opacity:1 }
}


.classic-cl .slidea .small_pic span:nth-child(4){ position: absolute; top: 60px;  left: 920px; left:65%; opacity:0; }
.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(4){ animation: a1_3 2s ease infinite ; -webkit-animation:a1_3 2s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.8s; -webkit-animation-delay:0.8s; animation-fill-mode:forwards }
@keyframes a1_3{
	from {left:50%;  opacity:0}  to { top: 60px;  left:65%;  opacity:1}
}

@-webkit-keyframes a1_3{
	from { left:50%; opacity:0}  to { top: 60px;  left:65%;  opacity:1 }
}



.classic-cl .slidea .small_pic span:nth-child(5){  position: absolute;   top: auto;   left: 180px;   bottom: 40px; opacity:0; }
.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(5){ animation: a1_4 2s ease infinite ; -webkit-animation:a1_4 2s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.8s; -webkit-animation-delay:0.8s; animation-fill-mode:forwards }
@keyframes a1_4{
	from {  left:280px; opacity:0}  to {  left: 180px;   bottom: 40px; opacity:1}
}

@-webkit-keyframes a1_4{
	from { left:280px; opacity:0}  to {  left: 180px;   bottom: 40px; opacity:1 }
}


.classic-cl .slidea .small_pic span:nth-child(6){ position: absolute;   top: auto;  left: 60px;  bottom: 180px;  opacity: 0;}
.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(6){ animation: a1_5 2s ease infinite ; -webkit-animation:a1_5 2s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.8s; -webkit-animation-delay:0.8s; animation-fill-mode:forwards }
@keyframes a1_5{
	from {  bottom:80px; left: 160px; opacity:0}  to {  left: 60px; bottom: 180px; opacity:1}
}

@-webkit-keyframes a1_5{
	from { bottom:80px; left: 160px; opacity:0}  to {left: 60px; bottom: 180px; opacity:1 }
}


.classic-cl .slidea .small_pic span:nth-child(7){ position: absolute;  top: auto;   left:700px;  bottom: 30px;  opacity: 0;}
.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(7){ animation: a1_6 2s ease infinite ; -webkit-animation:a1_6 2s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.8s; -webkit-animation-delay:0.8s; animation-fill-mode:forwards }
@keyframes a1_6{
	from {  left:600px; opacity:0}  to {  left: 700px; bottom: 30px; opacity:1}
}

@-webkit-keyframes a1_6{
	from {  left:600px; opacity:0}  to {left: 700px; bottom: 30px; opacity:1 }
}



.classic-cl .slidea .small_pic span:nth-child(8){     position: absolute;  top: auto;  left:970px;  bottom: 220px; opacity: 0;}
.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(8){ animation: a1_7 2s ease infinite ; -webkit-animation:a1_7 2s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.8s; -webkit-animation-delay:0.8s; animation-fill-mode:forwards }
@keyframes a1_7{
	from {  left:870px; bottom:120px; opacity:0}  to {  left: 970px; bottom: 220px; opacity:1}
}

@-webkit-keyframes a1_7{
	from {  left:870px; bottom: 120px; opacity:0}  to {left: 970px; bottom: 220px; opacity:1 }
}



@media screen and (max-width:1740px){
	
	
	.classic-cl .swiper-slide.slidea .small_pic span:nth-child(1) img{ width:650px; }
	.classic-cl .swiper-slide .small_pic{     width:80%; left: 20%; }
}



.classic-cl .swiper-slide.slideb .small_pic span:nth-child(1) img{ width:450px; }


.classic-cl .slideb .small_pic span{ position:absolute; }
.classic-cl .slideb .small_pic span:nth-child(1){ position:static; }


.classic-cl .slideb .small_pic span:nth-child(2){ position:absolute; top: -110px; opacity:0; left: 220px; }
.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(2){ animation: a2_1 1s ease infinite ; -webkit-animation:a2_1 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards;}

@keyframes a2_1{
	from {top:0; opacity:0}  to {  top: -110px;   opacity:1}
}

@-webkit-keyframes a2_1{
	from {top:0;    opacity:0}  to {  top: -110px;  opacity:1 }
}



.classic-cl .slideb .small_pic span:nth-child(3){ position:absolute; bottom:30px; opacity:0; left:0px; }
.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(3){  animation: a2_2 1s ease infinite ; -webkit-animation:a2_2 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards}

@keyframes a2_2{
	from {left:-100px; opacity:0}  to {  left:0px; opacity:1}
}

@-webkit-keyframes a2_2{
	from {left:-100px; opacity:0}  to {   left:0px; opacity:1 }
}



.classic-cl .slideb .small_pic span:nth-child(4){ position: absolute;   top: -70px;   opacity: 0;   right:250px; width: 350px;}
.classic-cl .slideb .small_pic span:nth-child(4) img{width:100%; }
.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(4){  animation: a2_3 1s ease infinite ; -webkit-animation:a2_3 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards}

@keyframes a2_3{
	from {  right:100px; opacity:0}  to {  right: 250px; opacity:1}
}

@-webkit-keyframes a2_3{
	from {  right:100px; opacity:0}  to {  right: 250px; opacity:1 }
}

.classic-cl .slideb .small_pic span:nth-child(5){ position: absolute;  top: -80px;  opacity: 0;   right: 140px; width: 340px; }
.classic-cl .slideb .small_pic span:nth-child(5) img{width:100%; }

.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(5){  animation: a2_4 1s ease infinite ; -webkit-animation:a2_4 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:1s; -webkit-animation-delay:1s; animation-fill-mode:forwards}

@keyframes a2_4{
	from {  right:0px; opacity:0}  to {  right: 140px; opacity:1}
}

@-webkit-keyframes a2_4{
	from {  right:0px; opacity:0}  to {  right: 140px; opacity:1 }
}


.classic-cl .slideb .small_pic span:nth-child(6){ position: absolute;  top:-180px;  opacity: 0;   right: 140px; }

.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(6){  animation: a2_5 1s ease infinite ; -webkit-animation:a2_5 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:1.5s; -webkit-animation-delay:1.5s; animation-fill-mode:forwards}

@keyframes a2_5{
	from {  right:240px; opacity:0;  top:180px; transform: rotate(360deg); }  to {  top:-180px; right: 140px; opacity:1; transform: rotate(0deg);}
}

@-webkit-keyframes a2_5{
	from {  right:240px; opacity:0;  top:180px; transform: rotate(360deg); }  to {  top:-180px; right: 140px; opacity:1; transform: rotate(0deg);}
}





.classic-cl .slideb .small_pic span:nth-child(7){ position: absolute;  bottom:30px;  opacity: 0;   right: 140px;}

.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(7){  animation: a2_66 1s ease infinite ; -webkit-animation:a2_66 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:1s; -webkit-animation-delay:1s; animation-fill-mode:forwards}

@keyframes a2_66{
	from {  right:0px; opacity:0}  to {  right: 140px; opacity:1}
}

@-webkit-keyframes a2_66{
	from {  right:0px; opacity:0}  to {  right: 140px; opacity:1 }
}






.classic-cl .swiper-slide.slidec .small_pic span:nth-child(1) img{ width:750px; margin-left: 0;  margin-bottom: 50px; }


.classic-cl .slidec .small_pic span{ position:absolute; }
.classic-cl .slidec .small_pic span:nth-child(1){ position:relative; z-index:5; }




.classic-cl .slidec .small_pic span:nth-child(2){ position:absolute; top: -110px; opacity:0; left: 220px; }
.classic-cl .slidec.swiper-slide-active .small_pic span:nth-child(2){ animation: a3_1 1s ease infinite ; -webkit-animation:a3_1 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards;}

@keyframes a3_1{
	from {top:0; opacity:0}  to {  top: -110px;   opacity:1}
}

@-webkit-keyframes a3_1{
	from {top:0;    opacity:0}  to {  top: -110px;  opacity:1 }
}



.classic-cl .slidec .small_pic span:nth-child(3){ position:absolute; top: -250px; opacity:0; left:1020px; }
.classic-cl .slidec.swiper-slide-active .small_pic span:nth-child(3){ animation: a3_2 1s ease infinite ; -webkit-animation:a3_2 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards;}

@keyframes a3_2{
	from {top:0; opacity:0; left:320px;}  to {  top: -250px;   opacity:1; left:1020px;}
}

@-webkit-keyframes a3_2{
	from {top:0;    opacity:0; left:320px;}  to {  top: -250px;  opacity:1; left:1020px; }
}



.classic-cl .slidec .small_pic span:nth-child(4){ position:absolute; bottom: 50px; opacity:0; left:660px; z-index:2; }
.classic-cl .slidec.swiper-slide-active .small_pic span:nth-child(4){ animation: a3_3 1s ease infinite ; -webkit-animation:a3_3 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:.5s; -webkit-animation-delay:.5s; animation-fill-mode:forwards}

@keyframes a3_3{
	from { opacity:0; left:120px;}  to {   opacity:1; left:660px;}
}

@-webkit-keyframes a3_3{
	from {  opacity:0; left:120px;}  to {   opacity:1; left:660px; }
}







.classic-cl .swiper-slide.slided .small_pic span:nth-child(1) img{ width:650px; margin-bottom:50px; }

.classic-cl .slided .small_pic span{ position:absolute; }
.classic-cl .slided .small_pic span:nth-child(1){ position:relative; z-index:5; }


.classic-cl .slided .small_pic span:nth-child(2){ position:absolute; top: -30px; opacity:0; left:420px; }
.classic-cl .slided.swiper-slide-active .small_pic span:nth-child(2){ animation:a4_1 1s ease infinite ; -webkit-animation:a4_1 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards;}

@keyframes a4_1{
	from {top:0; opacity:0}  to {  top: -30px;   opacity:1}
}

@-webkit-keyframes a4_1{
	from {top:0;    opacity:0}  to {  top: -30px;  opacity:1 }
}


.classic-cl .slided .small_pic span:nth-child(3){ position:absolute; top: -60px; opacity:0; left:920px; }
.classic-cl .slided.swiper-slide-active .small_pic span:nth-child(3){ animation:a4_2 1s ease infinite ; -webkit-animation:a4_2 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards;}

@keyframes a4_2{
	from {top:100px; opacity:0}  to {  top: -60px;   opacity:1}
}

@-webkit-keyframes a4_2{
	from {top:100px;    opacity:0}  to {  top: -60px;  opacity:1 }
}


.classic-cl .slided .small_pic span:nth-child(4){ position:absolute; bottom:40px; opacity:0; left:180px; }
.classic-cl .slided.swiper-slide-active .small_pic span:nth-child(4){ animation:a4_3 1s ease infinite ; -webkit-animation:a4_3 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1;  animation-delay:.5s; -webkit-animation-delay:.5s;  animation-fill-mode:forwards;}

@keyframes a4_3{
	from { left:220px; opacity:0}  to {  left:180px; opacity:1}
}

@-webkit-keyframes a4_3{
	from { left:220px; opacity:0}  to {  left:180px;  opacity:1 }
}


.classic-cl .slided .small_pic span:nth-child(5){ position:absolute; bottom:40px; opacity:0; left:700px; }
.classic-cl .slided.swiper-slide-active .small_pic span:nth-child(5){ animation:a4_4 1s ease infinite ; -webkit-animation:a4_4 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1;  animation-delay:.5s; -webkit-animation-delay:.5s;  animation-fill-mode:forwards;}

@keyframes a4_4{
	from { left:220px; opacity:0}  to {  left:700px; opacity:1}
}

@-webkit-keyframes a4_4{
	from { left:220px; opacity:0}  to {  left:700px;  opacity:1 }
}







.classic-cl .swiper-slide.slidee .small_pic span:nth-child(1) img{ width:650px; margin-bottom:50px;  margin-left: 5%;}
.classic-cl .slidee .small_pic span{ position:absolute; }
.classic-cl .slidee .small_pic span:nth-child(1){ position:relative; z-index:5; }

.classic-cl .swiper-slide.slidee .small_pic{ width:100%; left:0%; }


.classic-cl .swiper-slide.slidee .pic_text{ text-align:center; top: 30%; }
.classic-cl .swiper-slide.slidee .pic_text h2 i{ left: 50%; }



.classic-cl .slidee .small_pic span:nth-child(2){ position: absolute;  top: -70px; opacity: 0;   left: 130px; }
.classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(2){ animation:a5_1 1s ease infinite ; -webkit-animation:a5_1 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.5s; -webkit-animation-delay:.5s;}

@keyframes a5_1{
	from {top:0; opacity:0}  to {  top: -70px;   opacity:1}
}

@-webkit-keyframes a5_1{
	from {top:0;    opacity:0}  to {  top: -70px;  opacity:1 }
}


.classic-cl .slidee .small_pic span:nth-child(3){ position: absolute;  top: -90px; opacity: 0;   left: 550px; }
.classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(3){ animation:a5_2 1s ease infinite ; -webkit-animation:a5_2 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.8s; -webkit-animation-delay:.8s;}

@keyframes a5_2{
	from {top:0; left:650px; opacity:0}  to {  top: -90px; left: 550px;  opacity:1}
}

@-webkit-keyframes a5_2{
	from {top:0;  left:650px;  opacity:0}  to {  top: -90px; left: 550px; opacity:1 }
}



.classic-cl .slidee .small_pic span:nth-child(4){ position: absolute;  bottom:50px; opacity: 0;   left: 580px; }
.classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(4){ animation:a5_3 1s ease infinite ; -webkit-animation:a5_3 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.8s; -webkit-animation-delay:.8s;}

@keyframes a5_3{
	from { left:450px; opacity:0}  to {   left: 580px;  opacity:1}
}

@-webkit-keyframes a5_3{
	from { left:450px;  opacity:0}  to {  left: 580px; opacity:1 }
}


.classic-cl .slidee .small_pic span:nth-child(5){ position: absolute;  bottom:50px; opacity: 0;  right:0; }
.classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(5){ animation:a5_4 1s ease infinite ; -webkit-animation:a5_4 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.8s; -webkit-animation-delay:.8s;}

@keyframes a5_4{
	from {right:-100px; opacity:0}  to {  right:0; opacity:1}
}

@-webkit-keyframes a5_4{
	from { right:-100px;  opacity:0}  to { right:0; opacity:1 }
}





.classic-cl .swiper-slide .pic_text{position: absolute; width: 80%;  left: 10%; top: 38%;   text-align: left; }
.classic-cl .swiper-slide .pic_text h2{ z-index:5; position: relative; font-size: 50px;  font-weight: 200; letter-spacing: 5px; }
.classic-cl .swiper-slide .pic_text  h2 i{ position: absolute; color: #fff; text-transform: uppercase; font-style: inherit;  font-size: 20px; letter-spacing: 1px; left: 100px;  top: 44px; z-index: -1;}
.classic-cl .swiper-slide .pic_text span{ display: block;  margin-top: 30px;  font-size: 22px; color: #7e7e7e;  font-weight: 100;}




.newsart{ background:#fff; padding:80px 0px;margin-top: 100px; }
	.newsart .title {width:80%; height: 40px; font-size: 26px; font-family: 'Microsoft YaHei'; color: #2d2d2d; text-align: center; margin:0 auto; }
	.newsart .source { width:80%;  margin: 0 auto; display: block; text-align: center; padding-bottom: 30px;  padding-top: 10px;  color: #b7b7b7; font-size: 14px; float:none;}
	.newsart .article{   width:1200px; margin:0 auto; line-height: 190%; min-height: 400px; padding-bottom: 10px; overflow: hidden; font-size: 18px; }
	.newsart .article img{ max-width:100%; height:auto; }


.products_nr{ padding:100px 0px; }
.products_nr ul{ width:80%; margin:0 auto; }
.products_nr ul li{ float:left; width:22%; margin-right:4%; transition: all 0.2s ease-in-out 0s; }
.products_nr ul li:nth-child(4n){ margin-right:0; }
.products_nr ul li img{ width:100%; display:block; }
.products_nr ul li p{ display: block;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    color: #565656; }
.products_nr ul::after{ content:''; display: block; clear:both; }


.products_nr ul li:hover {
    -moz-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    transform: translateY(-15px);
}


.join_us {  width:80%;   margin: auto; margin-top:50px; }
.join_us img{max-width:100%;}
.join_us .us_l{width:30%;float:left;}
.join_us .us_l .us_cont{margin:70px 0 0 50px;color:rgb(19, 148, 82);}
.join_us .us_l .us_cont .tit_1{position:relative;font-size:60px;font-family:'ral';font-weight:700;text-transform:uppercase;letter-spacing:10px;opacity:0.3;z-index:1}
.join_us .us_l .us_cont .tit_2{font-size:58px;font-weight:700;color:rgb(19, 148, 82);margin-top:10px;line-height:100px;}
.join_us .us_l .us_cont .tit_3{font-family:700;font-size:50px;color:rgb(19, 148, 82, 0.5);;line-height:50px;}
.join_us .us_l .us_cont .tit_4{font-weight:lighter;font-size:30px;line-height:40px;margin-top:40px;}
.join_us .us_l .us_cont .tit_5{font-size:20px;vertical-align:middle;margin-top:20px;}
.join_us .us_l .us_cont .tit_5 font{float:left;}
.join_us .us_l .us_cont .tit_5 span{font-size: 50px;  color: rgb(19, 148, 82, 0.5);;  float: left;  margin-top: -23px;}
.join_us .us_l .us_cont .tit_6{width:150px;height:46px;line-height:46px;text-align:center;font-size:26px;color:#333;background:rgb(19, 148, 82, 0.5);;margin-top:30px;}
.join_us .us_l .us_cont .tit_6 a{ color:#fff; }
.jonRom{background:url(../http://zy.yihaolinju.com/style/css/img/fb_back.png) center no-repeat;font-size:40px;font-weight:700;text-align:center;line-height:78px;width:440px;height:78px;color:#fff;
background-size:cover;margin:30px auto;vertical-align:middle;margin-bottom:60px;}
.jonRom span{font-size:26px;font-weight:500;vertical-align:middle;}
.jonRom font{vertical-align:middle;float:left;margin-left:60px;}
.jonRom img{float:right;vertical-align:middle;margin:30px 60px 0 0;width:30px;}
.join_us .us_r{width:70%;float:right;}
.join_us .us_r video{ width:100%; }

.dbbiaoyu{ text-align:center; padding: 50px; }
.dbbiaoyu img{display: block;   margin: 0 auto; }

.shop_dis{width:80%;margin:110px auto;min-width:1200px;}
.shop_dis img{max-width:100%;}
.shop_dis .dis_tit{text-align:center;font-size:46px;color:rgb(19, 148, 82);font-weight:700;margin-bottom:20px;}
.shop_dis .dis_int{font-size:28px;font-weight:lighter;text-align:center;line-height:40px;color:#646564}
.shop_dis .dis_img{margin-top:50px;}
.shop_dis .dis_img .img_top{ width:100%; height:350px; overflow:hidden;}
.shop_dis .dis_img .img_top .img_k:nth-child(1),.shop_dis .dis_img .img_bottom .img_d:nth-child(1){ margin-left:0; }
.shop_dis .dis_img .img_top .img_k{ width:33%; height:100%; float:left; margin-left:0.5%;}
.shop_dis .dis_img .img_top .img_k img{ width:100%; height:100%;}
.shop_dis .dis_img .img_bottom{width:100%; height:208px; overflow:hidden; margin-top:10px;}
.shop_dis .dis_img .img_bottom .img_d{width:19.6%; height:100%; float:left; margin-left:0.5%;}
.shop_dis .dis_img .img_bottom .img_d img{width:100%; height:100%;}




.step{ background:url(http://zy.yihaolinju.com/style/css/img/banner3.jpg) no-repeat; padding:200px 0px; position: relative; background-size: auto 100%; }
.step .title{ position: absolute;  z-index: 5;  text-align: center;  width: 610px; left: 50%;  margin-left:-305px;  color: #fff;   top: 160px;  font-size:40px;}

.step .title span{ position: absolute;
    left: 0;
    display: block;
    width: 100%;
    font-size: 100px;
    font-weight: bold;
    top: -25px;
    opacity: 0.3; text-transform:uppercase }
.step .title  h2{ font-size:60px; }

.step  .con {
    width: 1200px;
        margin: 0 auto;
        margin-top: 130px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start; position:relative;
}
.step .con .dot {
    text-align: center;
    position: relative;
    z-index: 10;
}

.step .con .dot > a:hover{ transform: scale(1.2); }

.step  .con .dot > a { -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;
    width:90px;
    height:90px;
    border-radius: 50%;
    line-height:90px; font-size:30px; font-weight: bold;
    text-align: center;
    background-color: #ffffff;
    color: rgb(19, 148, 82);
    display: inline-block; overflow:hidden;
}
.step .con .dot span {
    line-height: 1.6;
        display: block;
        width: 100%;
        text-align: center;
        white-space: nowrap;
        margin-top: 20px;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
}

.step .con:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 4;
    width: 90%;
    top: 45px;
    height: 8px;
    background-color: #fff;
}
.step .con .dot > a > svg{ width: 47px; }


.step .stepmo{ margin-top: 50px;   text-align: center;   font-size: 18px;}
.step .stepmo a{ display: inline-block;   background: rgb(19, 148, 82);  color: #fff;  border-radius: 5px;  padding: 15px 20px; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; }
.step .stepmo a:hover{ transform: scale(1.1); }

.section{ background: #efefef; padding: 80px; }
.section .container {  margin: 0 auto;  padding: 60px; width: 1200px;  background: #fff;}
.section-title {  text-align: center; margin-bottom: 50px;}
.section-title p { color: #fff; font-size: 35px;   color:#000;}

.section.section_yp{ padding:0; background: #fff; }
.section.section_yp .container{ width:100%; padding:0; }

.message .tit { display: block; max-width: 100%; height: auto; margin: 0 auto;}


.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
.message li {
    float: left;
    width: 48%;
    margin-top: 30px;
}
.message li input {
    display: block;
    font-size: 16px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 544px;
    font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}


.section .container .jm_er{ text-align:center; margin-top:50px; }
.section .container .jm_er h2{ color: rgb(19, 148, 82); margin-bottom:20px; }


.section.section_yp{ margin-top: 30px;  border-top: 1px solid #e6e6e6f1;  padding-top: 25px; }
.section.section_yp .message li input{ width:100%; box-sizing: border-box; }
.section.section_yp .message li textarea{ width:100%; box-sizing: border-box; }
.section.section_yp .message{ overflow:hidden; }
.section.section_yp .message ul{ width:70%; float:left; display:none; }
.section.section_yp .erm{ width:20%; margin-top: 30px; }

.section.section_yp .section-title{ margin-bottom:0px; text-align:left; font-size: 24px; }
.section.section_yp .section-title p{font-size: 25px;  font-weight: bold; color: #4B4948!important;}

.section.section_yp .erm img{  width:100%;}
.message li:nth-of-type(even) {
    float: right;
}
.clearfix:after {
    clear: both;
}
.message li.textarea {
    width: 100%;
}
.message li textarea {
    display: block;
    font-size: 16px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 1168px;
    font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}
.message li button {
    display: block;
    font-size: 22px;
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 5px;
    width: 100%;
    background-color: #016450;
    color: #fff;
    cursor: pointer;
}
.message li:last-child{ width:100%; }


.section .shenm {  margin: 0 auto;  padding: 60px; width: 1200px;  background: #fff; text-align: center;}
.section .shenm h2{ margin-bottom:20px; display:none; }
.section .shenm p{ display:none; }
.history{ width:100%; overflow:hidden; background:#fff; padding:50px 0; }
.swiper-lishi{ position:relative; width:80%; margin:0 auto; }

.swiper-lishi .swiper-slide h5{     font-size: 50px;
    color: #b3b3b3;
    margin-top: 60px;
    text-align: center; }
.swiper-lishi .swiper-slide{ box-sizing: border-box;padding:40px; }  
.swiper-lishi .swiper-slide p{ font-size: 14px;  line-height: 25px;   color: #7f7f7f; }
.swiper-lishi .swiper-slide h2{     font-size: 40px;  color: rgb(19, 148, 82);}
.swiper-lishi .swiper-slide h4{ border-left: 3px solid rgb(19, 148, 82);  font-size: 16px;  color: rgb(19, 148, 82);  padding-left: 15px;   margin-top: 20px;   margin-bottom: 20px;}
.swiper-lishi .swiper-slide h2::before {
   content: ' ';
       height: 16px;
       width: 16px;
       display: inline-block;
       transform: rotate(135deg);
       border-bottom: 4px solid rgb(19, 148, 82);
       border-right: 4px solid rgb(19, 148, 82);
       margin-top: -5px;
       vertical-align: middle;
}

.khlogo{ background:url(http://zy.yihaolinju.com/style/css/img/khlogobg.jpg) no-repeat top;     position: relative; padding: 100px 0px;}


.ocean{
    height: 70px;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -2px;
    z-index: 10;
}

.wave {
    height: 70px;
    position: absolute;
    left: 0;
}

.wave {
    bottom: 0;
	background-image:url(http://zy.yihaolinju.com/style/css/img/wabg.png);
    background-repeat: repeat-x;
    background-size: 50% 70px;
    background-position: 0 bottom;
    background-origin: center bottom;
    width: 200%;
    -webkit-animation: waves 4s linear infinite;
    animation: waves 4s linear infinite;
    z-index: 11;
}

.wave:nth-of-type(3) {
    -webkit-animation: waves 8s linear infinite;
    animation: waves 8s linear infinite;
    z-index: 13;
    opacity: .3;
}
.wave:nth-of-type(2) {
    -webkit-animation: waves 6s linear infinite;
    animation: waves 6s linear infinite;
    opacity: .5;
    z-index: 12;
}

.khlogo ul{overflow: hidden; padding: 90px;} 
.khlogo ul li{ float:left; width:20%; text-align:center; margin-bottom: 50px; }
.khlogo ul li img{ display:inline-block; }



.zhaopin{ width: 80%;   margin: 110px auto;  border: 1px solid #f1f1f1;} 
.zp_title{ display:flex; }
.zp_title span{     flex: 1;  text-align: center;  line-height:80px;   background: #f8f8f8;}

.zhaopin ul li{ border-bottom: 1px solid #f8f8f8; }
.zhaopin ul li:hover{ background:#f8f8f8; }
.zhaopin ul li a{ display:flex; }
.zhaopin ul li a span{  flex: 1;  text-align: center;  line-height: 80px; }



.zhaopin_nr{ width: 80%;  margin: 110px auto;   border: 1px solid #f1f1f1;   padding: 50px;  margin-top: 50px;   box-sizing: border-box; }
.zhiul{ margin-top:20px; margin-bottom:20px; overflow:hidden; }
.zhiul li{ line-height: 30px; width: 30%;  float: left;  color: #6d6d6d; font-size: 14px; }
.zhaopin_nr_text{ line-height:200%; }
.zpcontact a{ display: block;  width: 150px;  line-height: 60px;   color: #fff;   background: rgb(19, 148, 82);   text-align: center;    margin-top: 50px;}

.kuanj{ background:url(http://zy.yihaolinju.com/style/css/img/bg6.jpg) top center;     position: relative;  padding-bottom:150px; }
.kuanj .you_title{ padding:100px 0; padding-bottom:100px; z-index:2; }
.kuanj .you_title h2{ color:#fff; }

.kuanj  .you_title .title_txt p{ color:#fff; }


.dqbg{ opacity: 0.2;  position: absolute;  left: 60%; }

.kuanj_pic{ width:1212px; margin: 0 auto; padding-bottom:90px; }

.kuanj_pic  .swiper-pagination-bullet-active{ background: #00ecf0; }
.kuanj_pic  .swiper-pagination-bullet{  width:15px; height:15px; margin: 30px 30px; background: #fff;}

.kuanj_pic.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:15px 15px; }  

.kuanj_pic .swiper-container-cube .swiper-cube-shadow{ background-color: rgba(1, 209, 221, 0.54); }



.guanx{ position: absolute; width: 1200px; height: 1420px;  top: -480px;  transform: rotate(125deg); z-index:0; }
.guanx .shooting_star {
     position: absolute;
     left:0;
     top: 20%;
     height:1px;
     background: linear-gradient(-45deg, #02f0fa, rgba(0, 0, 255, 0));
     border-radius: 999px;
     -webkit-filter: drop-shadow(0 0 6px #699bff);
     filter: drop-shadow(0 0 6px #699bff);
     -webkit-animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
     animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
	 webkit-filter: blur(1px);
	 filter: blur(1px);
 }

.guanx .shooting_star:nth-child(2){animation-delay:2s;-webkit-animation-delay:2s; top:25%; }
.guanx .shooting_star:nth-child(3){animation-delay:3s;-webkit-animation-delay:3s; top:10%; }
.guanx .shooting_star:nth-child(3){animation-delay:3s;-webkit-animation-delay:3s; top:0; }

.qiyeruanj{ background: #07592f; padding:70px 0; }  
.qiyeruanj ul{ width: 80%; margin: 0 auto;  display: flex;  text-align: center;  color: #fff; }
.qiyeruanj ul li{ flex:2; margin:0 25px; }
.qiyeruanj ul li:last-child{ flex:1; }
.qiyeruanj ul li h3{ font-size: 25px;}
.qiyeruanj ul li h4{ margin: 20px;   font-weight: 400;}
.qiyeruanj ul li p{ line-height:32px;  font-size: 14px;  color: #dedede;}

.in_bgm {
   position: absolute;
       left: 50%;
       top: 888px;
       width: 241px;
       height: 234px;
       transition: all 1.5s;
       margin-left: -890px;
}
.in_bgm .in_circle1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 241px;
    height: 234px;
    background: url(../images/in_circle11.png) center no-repeat;
    animation: zhuan 13s infinite linear;
}
.in_bgm .in_circle2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 241px;
    height: 234px;
    background: url(../images/in_circle22.png) center no-repeat;
    animation: zhuan2 17s infinite linear;
}
.in_bgm .in_circle3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 241px;
    height: 234px;
    background: url(../images/in_circle33.png) center no-repeat;
    animation: zhuan 11s infinite linear;
}
.in_bgm .in_number {
    background: url(../images/in_number44.png) center no-repeat;
}
.in_bgm .in_number {
    width: 241px;
    height: 234px;
}


.in_conference {
    width: 100%;
    position: relative;
    padding-top: 374px;
}
.in_bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}
.in_conference .in_bg {
    height: 1069px;
}
.in_bg .in_bgl {
    position: absolute;
    left: 0;
    top: 0;
    width: 159px;
    height: 217px;
    background: url(../images/in_divbgl.png) center no-repeat;
    transition: all 1s 1s;
}
.in_bg .in_bgm {
    position: absolute;
    left: 143px;
    top: 28px;
    width: 241px;
    height: 234px;
    margin-left: 0;
    transition: all 1.5s;
}
.in_bg .in_bgr {
    position: absolute;
    left: 356px;
    top: 77px;
    z-index: 2;
    width: 1544px;
    height: 992px;
    background: url(../images/in_divbgr.png) left top no-repeat;
    overflow: hidden;
    margin-left: 0;
    transition: left 1.5s,margin-left 1.5s,width 1.5s;
}


.in_conference .in_content { height: 340px;}
.in_conference .in_content .in_confbg {
    position: absolute;
    overflow: hidden;
    width: 1636px;
    height: 279px;
    left: 50%;
    margin-left: -818px;
}
 
.in_conference .in_content .in_confbg .in_confl {
    display: block;
    width: 636px;
    height: 279px;
    background: url(../images/in_linel.png) center no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 1s 0.5s;
}
.in_conference .in_content .in_confbg .in_confr {
    display: block;
    width: 643px;
    height: 279px;
    background: url(../images/in_liner.png) center no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 1s 0.5s;
}
.in_conference .in_content .in_conf1 {
    font-size: 51px;
    color: #fff;
    margin-bottom: 20px;
    transition: all 1s; text-align: center;
    padding-top: 40px;     display: block;
}
.in_conference .in_content .in_conf1 i {
    display: block;
    letter-spacing: 5px;font-style: normal;
}



 .show .in_confbg .in_confl {
     transform: translate(-400px,0);
     opacity: 0;
 }
.show .in_confbg .in_confr {
    transform: translate(400px,0);
    opacity: 0;
}



#mainthree .kuanj{ padding-top:130px; }  

.kuanj .diqiu{ background:url(../images/in_xzy_guang3.png) no-repeat; position:absolute; top:-140px; height:300px;     width: 100%; transform: rotate(180deg); }

 
.in_guest .in_crilist{ position:relative; z-index:10; width:85%; margin:0 auto; }
.in_guest .in_crilist ul {  overflow: hidden;}
.in_guest .in_crilist li {  width: 25%;  float: left; margin-bottom: 35px;  transition: all 1s;}
.in_guest .in_crilist li a { cursor: pointer; color:#8cb2d8; width: 100%;  display: block; background: url(../images/in_lbg-11.png) no-repeat bottom center;}
.in_guest .in_crilist li a:hover{ color:#fff; }
.in_guest .in_crilist li .in_lipic { width: 100%;  height: 212px; background: url(../images/in_pbg1.png) no-repeat top center; position: relative; transition: all 1s;}
.in_guest .in_crilist li .in_lipic2 {
    width: 100%;
    height: 212px;
    background: url(../images/in_pbg1-2.png) no-repeat top center;
    position: absolute;
    left: 0;
    bottom: 0;
}
.in_guest .in_crilist li .in_lipic3 {
    width: 100%;
    height: 212px;
    background: url(../images/in_pbg1-3.png) no-repeat top center;
    position: absolute;
    left: 0;
    bottom: 0;
}
.in_guest .in_crilist li .in_lipic_img {
    width: 100%;
    height: 212px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
}
.in_guest .in_crilist a:hover .in_lipic2 {
    animation: zhuan 7s infinite linear;
}
.in_guest .in_crilist a:hover .in_lipic3 {
    animation: zhuan2 11s infinite linear;
}
.in_guest .in_crilist .in_lipic_img{ line-height:212px; color:#fff; font-size:35px; font-weight:bold; } 

.in_guest .in_crilist .in_text{ text-align: center; line-height: 35px; margin-top: 10px;}



.kuanj .two{ width:80%; margin:0 auto; position:relative; z-index:3; margin-top:100px; }
.kuanj .two .top { display: flex;}
.kuanj .two .top .item {
 transition: all .3s ease-in-out; position: relative;  flex: 1;  text-align: center; padding:25px 0;  border-bottom: 1px solid rgba(234, 233, 229,.3); cursor: pointer; z-index: 0; border-top: 1px solid rgba(234, 233, 229,.3); border-left: 1px solid rgba(234, 233, 229,.3);}
.kuanj .two .top .item:last-child{ border-right: 1px solid rgba(234, 233, 229,.3); }
.kuanj .two .top .item.on { padding: 35px 0 15px;}
.kuanj .two .top .item img {  margin: 0 auto; width:60px;}
.kuanj .two .top .item p { color: rgba(255, 255, 255, 0.6); font-size:18px; margin-top:10px;}
.kuanj .two .top .item.on p {color: #fff;}
.kuanj .two .top .item:after {  transition: all .3s;  content: "";  position: absolute; left: 0;  right: 0;  top: 0;  bottom: 0;  background-image: linear-gradient(to bottom right, #e52b29, #f48b14); z-index: -1; opacity: 0;}
.kuanj .two .top .item.on:after {  bottom: -8%; opacity: 1;}
.kuanj .two .bottom {  padding: 40px 0 55px 90px; border: 1px solid rgba(234, 233, 229,.3); border-top:none;}
.kuanj .two .bottom .box { display: none;}

.kuanj .two .bottom h1 { font-size:30px; color: #fff;}
.kuanj .two .bottom p { font-size:18px; color: rgba(255, 254, 254, 0.7);padding-left:5px; margin-top:15px;}
.kuanj .two .bottom p:before {  content: "";  display: inline-block; width: 12px;  height: 4px; background: #f7b426;  vertical-align: middle;  margin-right: 15px;}



.kuanj.aboutnr{ background:url(../images/bannerthree.jpg) no-repeat #0b0e2c; }




.news_list{ padding:15px 0 27px 0;  width:1400px; margin: 0 auto; margin-top: 100px;}
	.news_list > a { display: block; margin-bottom: 20px;}
	.pure:before, .pure:after { content:""; display: table;}
	.pure:after {clear: both;}
	.new_time { float: left; width: 10%;  margin-top: 53px;  font-size: 30px; line-height: 30px; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt" !important;}
	.new_time > span { font-size: 18px;}
	.new_tex_box { float: right; padding: 35px 0;  width: 79.6%;  margin-right: -4.615%; transition: all .5s ease;  padding-right: 4.615%;}
	.new_tex_box> img { float: left; width: 40%;  margin-left:-15%; transition: all .5s ease;}
	.new_tex_box > div { float: right; width: 66.6666%;}
	.new_title { font-size: 20px; font-weight: bold; line-height: 1.5; margin-top: 40px; transition: all .5s ease;}
	.new_info {font-size:16px; line-height: 2; color: rgba(0,0,0,.5); margin-top: 40px; transition: all .5s ease; text-align: justify;}
	.news_list > a:hover .new_tex_box {
	    background-color: #fff;
	    -webkit-box-shadow: 0 0 54px rgba(29, 56, 75, .26);
	    -moz-box-shadow: 0 0 54px rgba(29, 56, 75, .26);
	    box-shadow: 0 0 54px rgba(29, 56, 75, .26);
	}
	.news_list > a:hover .new_tex_box > img {
	    margin-left: -18%;
	}




.about_nr {  width: 80%;  margin: 0 auto;  position: relative; z-index: 2;  color: #fff;}

.about_nr .about_a_1 {  width: 70%;
    padding-top: 140px;
    margin: 0 auto;  position: relative;
    z-index: 5;}
.about_nr .about_a_1 h2{ margin-bottom: 20px;
    font-size: 40px; }
.about_nr .about_a_1 p{ line-height: 40px;
    font-size: 18px; }
.about_nr .en_b {
    -webkit-text-stroke: 1px rgb(4 91 168 / 55%);
    position:absolute;
    color: transparent;
    font-size:420px;
    white-space: nowrap;
    font-family: en_b;
    text-align: center; z-index:1; width: 100%; display: block; 
}
.about_nr .en_b em {
    display: inline-block;   font-style: normal;
}


.aboutnr .luans_right{ position:relative; z-index:5; width:80%; margin: 0 auto; overflow:hidden; }
.aboutnr .luans_right .swiper-luans{ width:70%; margin:0 auto; }
.aboutnr .luans_right img{ width:100%; height:auto; }

.aboutnr .luans_right .swiper-button-prev{ left: 0; top: 0; margin-top: 0; background-color: #0b0e2c9e; width: 11%; height: 100%; padding-left: 2px;}
.aboutnr .luans_right .swiper-button-next{ right: 0; top: 0; margin-top: 0; background-color: #0b0e2c9e; width: 11%; height: 100%; padding-right: 2px;}

.show .in_cont{opacity:0;}
.show .in_main .in_span{transform:scale(0,0);opacity:0;}
.show .in_main .in_img{transform:scale(0,0);opacity:0;}
.show .in_main .in_i{transform:scale(0,0);opacity:0;}
.show .in_bg .in_bgl{transform:translate(-159px,0);opacity:0;}
.show .in_bg .in_bgm{left:50%;margin-left:-120px;}
.show .in_bg .in_bgr{left:50%;margin-left:120px;width:0;}
.show .in_conf1 {  transform: translate(0,50px); opacity: 0;}


.scroll {
    border: 2px solid #fff;
    height: 40px;
    width: 20px;
    border-radius: 30px;
    position: absolute;
    top: 88vh;
    z-index: 6;
    left: 50%;
    margin-left: -10px;
}
.scroll span {
    height: 10px;
    width: 1px;
    background: #fff;
    display: block;
    margin: 0 auto;
}
.scroll em {
    height: 10px;
    width: 3px;
    background: #fff;
    display: block;
    margin: 0 auto;
    -moz-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-animation: line1Beforeaa 1.5s infinite alternate;
    animation: line1Beforeaa 0.5s infinite alternate;
}


.kuanj.fanse{ background: url(http://zy.yihaolinju.com/style/css/img/bg7.jpg) no-repeat top  center  #0b0e2c;  }
.kuanj.fanse .you_title{ height: 100vh; margin-top: -130px; padding:0; width: 1000px;}
.yoush{ width:80%; min-width:1200px; margin:0 auto; padding-top:100px; position: relative; opacity:0.5;
-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
 
 
 .kuanj.fanse .you_title h2{ font-size: 52px; }
 .kuanj.fanse .you_title p{ font-size:20px; }
 
.yoush .yoush_a{ width: 46.2857%; float:left;     margin-top:40px; margin-left: -50px; transition:all 0.3s ease-in; }
.yoush .yoush_a h2{ font-size: 50px; color: #ffffff; padding-top: 50px; position:relative; padding-left: 70px;}
.yoush .yoush_a h2 p{ color: #fff;  text-align: justify; font-size: 30px;  font-family: en_b; opacity: 0.7; } 
.yoush .yoush_a .pp{     font-size: 18px; color: #cbcbcb; line-height: 2.22; text-align: justify; margin-top:20px; padding-left: 70px; }
.yoush .yoush_a span{ display: block; font-weight: bold;  font-family: en_b;  color: transparent; font-size: 180px;  -webkit-text-stroke: 1px #D70917;  -webkit-text-stroke: 1px #2e7ef0; opacity: .3; position: absolute;  left:0; top:80px; z-index: -1; }
 
.yoush .yoush_a i{ display: block; position:relative; display:inline-block; padding-left: 70px; margin-top:50px; }
.yoush .yoush_a i::before{ content: "";  width: 40px;  height: 2px;  background: #fff;  display: block; transition:all 0.3s ease-in; }
.yoush:hover .yoush_a i::before{ width:100px;}
 .yoush .yoush_a i::after{ content: "";  width: 20px; height: 2px;  background: #fff;  display: block;  position: absolute; right: -4px; bottom: 6px; transform: rotate(45deg); }
 .yoush:hover{ opacity:1; }
 
  
.yoush .yoush_b{ width: 46.2857%;  float:right; margin-right: -50px; transition:all 0.3s ease-in;}

.fanan .yoush:nth-child(2n) .yoush_a{ float:right; margin-left:0px;margin-right: -50px; }
.fanan .yoush:nth-child(2n) .yoush_b{ float:left; margin-right:0px;margin-left: -50px;}


.yoush:hover .yoush_a{ margin-left:0px; }
.yoush:hover .yoush_b{ margin-right:0px; }


.yoush:nth-child(2n):hover .yoush_a{ margin-right:0px; }
.yoush:nth-child(2n):hover .yoush_b{ margin-left:0px; }



.fanan .yoush:nth-child(1) .yoush_a span{  top:120px; }
.fanan .yoush:nth-child(2) .yoush_a span{  top:260px; }
.fanan .yoush:nth-child(3) .yoush_a span{  top:410px; }
.fanan .yoush:nth-child(4) .yoush_a span{  top:570px; }
.fanan .yoush:nth-child(5) .yoush_a span{  top:720px; }
.fanan .yoush:nth-child(6) .yoush_a span{  top:870px; }
.fanan .yoush:nth-child(7) .yoush_a span{  top:1020px; }
.fanan .yoush:nth-child(8) .yoush_a span{  top:1170px; }
.fanan .yoush:nth-child(9) .yoush_a span{  top:1320px; }
.fanan .yoush:nth-child(10) .yoush_a span{  top:1500px; }


.yoush .yoush_b img{ -webkit-mask: url(data:http://zy.yihaolinju.com/style/css/img/png;base64,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);
    -webkit-mask-size: 100% 100%;}
 
 


.fanan{ position:relative; z-index:2;}



.page2Wrap{ position: relative;  height: 500px; margin-top: 100px;}

.page2Wrap .wrap, .page2Wrap ul, .page2Wrap li, .page2Wrap img {
    transform-style: preserve-3d;
    transform-origin: center;
}

.page2Wrap .wrap, .page2Wrap ul, .page2Wrap li, .page2Wrap li span, .page2Wrap li .round {
    position: absolute;
    width: 26.0417vw;
    height: 26.0417vw;
    left: 50%;
    top: 50%;
    margin-left: -13.0208vw;
    margin-top: -13.0208vw;
}
.page2Wrap .wrap {
    -webkit-transform: translateX(1.5625vw) translateY(-1.0417vw) translateZ(10.4167vw) rotateX(75deg) rotateY(0deg) rotateZ(15deg) scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: translateX(1.5625vw) translateY(-1.0417vw) translateZ(10.4167vw) rotateX(75deg) rotateY(0deg) rotateZ(15deg) scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: translateX(1.5625vw) translateY(-1.0417vw) translateZ(10.4167vw) rotateX(75deg) rotateY(0deg) rotateZ(15deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(1.5625vw) translateY(-1.0417vw) translateZ(10.4167vw) rotateX(75deg) rotateY(0deg) rotateZ(15deg) scaleX(1) scaleY(1) scaleZ(1);
    transition: All 1s 0s;
}
.page2Wrap ul {
    -webkit-animation: y 20s linear 0s infinite;
    -moz-animation: y 20s linear 0s infinite;
    -ms-animation: y 20s linear 0s infinite;
    animation: y 20s linear 0s infinite;
}
.page2Wrap li {
    border: 5px solid #5ec0ff;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-transition: All 1.4s 0s;
    -moz-transition: All 1.4s 0s;
    -ms-transition: All 1.4s 0s;
    transition: All 1.4s 0s;
}
.page2Wrap li:nth-child(1) {
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
}

.page2Wrap li:nth-child(2) {
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(60deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
}

.page2Wrap li:nth-child(3) {
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(-60deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
}

.page2Wrap li span {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: z 12s linear 0s infinite;
    -moz-animation: z 12s linear 0s infinite;
    -ms-animation: z 12s linear 0s infinite;
    animation: z 12s linear 0s infinite;
}
.page2Wrap li:nth-child(1) span {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
}
.page2Wrap li:nth-child(1) .round {
    -webkit-animation: z 3s linear 0s infinite;
    -moz-animation: z 3s linear 0s infinite;
    -ms-animation: z 3s linear 0s infinite;
    animation: z 3s linear 0s infinite;
}


.page2Wrap li:nth-child(2) .round {
    -webkit-animation: z 3s linear 1s infinite;
    -moz-animation: z 3s linear 1s infinite;
    -ms-animation: z 3s linear 1s infinite;
    animation: z 3s linear 1s infinite;
}

.page2Wrap li:nth-child(3) .round {
    -webkit-animation: z 3s linear 2s infinite;
    -moz-animation: z 3s linear 2s infinite;
    -ms-animation: z 3s linear 2s infinite;
    animation: z 3s linear 2s infinite;
}

#classify {  position: absolute;
    width: 500px;
    height: 500px;
    left: 50%;
    margin-left:-200px;
    top: 456px; }
#classify .classify {
    position: absolute;
    width: 26.0417vw;
    height: 26.0417vw;
    left: 50%;
    top:0;
    margin-left: -13.0208vw;
}
#classify .tit {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center;
    position: absolute;
    white-space: nowrap;
    cursor: pointer;
    transition: color .3s;
}
#classify .tit strong {
    font-size: 1.4rem;
}
#classify .classify_con h5 sup, #classify .tit strong sup {
    font-size: 12px;
}
#classify .tit span {
    font-size: 1rem;
}
#classify li:nth-child(1) .tit {
    top: -5.2083vw;
    left: 6.5104vw;
}
#classify li:nth-child(2) .tit {
    top: 2.6042vw;
    left: -7.5521vw;
}
#classify li:nth-child(3) .tit {
    top: 15.625vw;
    left: -6.5104vw;
}
#classify li:nth-child(4) .tit {
    top: 25vw;
    left: 9.1146vw;
}
#classify li:nth-child(5) .tit {
    top: 15.625vw;
    left: 25.5208vw;
}
#classify li:nth-child(6) .tit {
    top: 2.6042vw;
    left: 25.5208vw;
}



.soft_pic{ width:100%; margin-top:200px; }
.soft_pic ul{  }
.soft_pic li{ display: flex;     justify-content: space-between; align-items: center; }
.soft_pic li .text i{ font-style: inherit; font-weight: bold;}
.soft_pic li .text span{ display: block;
    font-size: 40px;
    line-height: 40px;
    margin-bottom:40px; }
.soft_pic li .text{     width: 50%;
    color: #fff;
    padding: 50px 10%;
    box-sizing: border-box; line-height: 30px; }
.soft_pic li img{     width: 50%;  display: block; }

.kuanj.soft{ padding-bottom: 50px; }



.dhbg{
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 0;
 }



.allpro{ position:fixed; z-index:50; top:0; width:100%; height:100%; display:none; } 
.allpro .bg{ content: '';
    display: block;
    background-color: rgba(0, 117, 72, 0.75);
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute; }

.allpro h2{ position: relative;
    z-index: 5;
    color: #fff;
    font-size: 40px;
    text-align: center;
    margin-top: 200px; margin-bottom: 50px; }
.allpro ul{ position: relative;
    z-index: 5;
    width: 80%;
    height:60%;
    margin: 0 auto;
    overflow-y: scroll; padding:20px; box-sizing: border-box; }
.allpro ul li{ width: 23%;
    float: left;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    margin-right: 2%; margin-bottom:30px; border-radius:5px;}
.allpro ul li img{ width:100%; height:auto;}
.allpro ul li span{ display: block; text-align: center; margin-top:10px; font-size:18px; }
.allpro ul li:nth-child(4n){ margin-right: 0; }
.allpro .close{ position: absolute;
    top: 200px;
    background: #fff;
    color: rgb(19, 148, 82);
    z-index: 5;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bold;
    left: 87%; cursor:pointer; }

.bigpc{ display:block; }
.bigapp{ display:none; }



.mdmore{ text-align: center;  padding-top: 10px;    padding-bottom: 10px;   font-weight: bold;   background: #fff;   color: rgb(19, 148, 82);    width: 410px;   margin: 0 auto;   border-radius: 5px;   margin-top: 30px;   margin-bottom: 20px;  } 


@media screen and (max-width: 640px){
	
	.bigpc{ display:none; }
	.bigapp{ display:block; }
	.header .logo img {
	    height: auto;
	    opacity: 1;
	    display: block;
	    width: auto;
	    height: 40px;
	    margin-top: 5px;
	    margin-left: 5px;
	}
	
	.mdmore{ width:90%; font-size: 12px; }
	
	body {
	    min-width: auto;
	}
	
	.header, .header.no, .header.notwo {
	    height: 55px;
	}
	.header{ padding: 0; }
	.header .logo{ height:50px;  left: 0;   margin-left: 0; }
	.header.headerindex {
	    padding: 0;
	    min-width: auto;
	    background: #fff;
	}
	.nav {
	    position: fixed;
	    background: #fff;
	    width: 100%;
	    height: 100%;
	    margin-top: 0px;
	    display: none;
	    margin-top: 50px;
	    padding-top: 30px;
	    margin-left: 0; border-top:1px solid #f1f1f1 ;
	}
	
	.header.headerindex .nav a{ color: #000000; }
	.nav li{ float: none;  width: 100%;  text-align: center; }
	.header .sj_nav {
	    display: block;
	    position: relative;
	    width: 25px;
	    padding-top: 10px;
	    padding-bottom: 10px;
	    float: right;
	    margin-right: 3%;
	    margin-top: 9px;
	}
	.header .sj_nav::before, .header .sj_nav::after {
	    content: "";
	    display: block;
	    height: 2px;
	    width: 80%;
	    background: #727272;
	}
	.header .sj_nav::before {
	    margin-bottom: 5px;
	    -moz-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -o-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -webkit-animation: line1Before 1.5s infinite alternate;
	    animation: line1Before 1.5s infinite alternate;
	}
	.header .sj_nav span {
	    display: block;
	    position: absolute;
	    width: 100%;
	    height: 2px;
	    background: #afafaf;
	    bottom: 2px;
	    -o-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -webkit-animation: line1span 1.8s infinite alternate;
	    animation: line1span 1.8s infinite alternate;
	}
	.header .sj_nav::after {
	    -o-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -webkit-animation: line1after 2s infinite alternate;
	    animation: line1after 2s infinite alternate;
	}
	.header .sj_nav::after {
	    width: 75%;
	    background: rgb(19, 148, 82);
	}
	.header.headerindex .logo img{ opacity:1;  display: block; width: auto;  height: 40px; margin-top: 5px; margin-left: 5px; }
	.header.headerindex .logo{ height: 50px; background-position:5px 5px; background:none;  padding: 0;  margin-left: 0;   left: 0; width: 370px; }
	.header.dbno .nav a{ height: 60px;line-height: 60px; } 
	
	.lianx{ display:none; }
	.banner{padding-top: 55px;}
	.bor_top img { position: absolute; top: 10px; left: 10px;}
	.header.dbno .nav .nav_two{ display:none!important; } 
	.header.dbno .erj::after{ display:none!important; }
	.bor_top,.bor_left,.bor_right,.bor_bom_left,.bor_bom_right{ display:none; }
	.banner{ height:auto; margin-top:0px; }
	.swiper01 video{ height: 107%; }
	.swiper01 .swiper-pagination { bottom: 30px;}
	.swiper01 .swiper-button-prev, .swiper01 .swiper-button-next{ top: 55%;  background-size: 15px; width: 30px; height: 30px;  line-height: 30px; }
	.swiper01 .swiper-slide .txt{ top: 43%; }
	.swiper01 .swiper-slide .txt_a{ width:100%;     font-size:30px; } 
	.swiper01 .swiper-slide .txt_b{ font-size:30px; width:100%;  }
	.swiper01 .swiper-slide img.bigpc{ display:; }
	.swiper01 .swiper-slide img.bigap{ display:block; }
	.swiper01 .swiper-slide img {  width:100%;  display: block;   margin-left: 0;  position: relative;  left: 0; }
	
	.swiper01 .swiper-pagination-bullet{ height: 20px;   font-size: 12px;   width:30px; }
	.swiper01 .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ bottom:-10px;     height: 2px; }
	.about .about_left{ width:100%;  margin: 0 auto;  float: none; overflow:hidden; }
	#container{ width:120%; margin-left:0; height:350px; margin-left: -10%; }
	#container p{ font-size:12px!important; }
	.about .about_right {  float: none;  width: 90%; margin-top: 0;  margin: 0 auto;}
	
	
	
	.about .about_right .about_right_zt { text-align: center; }
	.about .about_right .about_right_zt  img { width:150px; }
	
	.net_num_box{ display:block; margin-top: 20px; text-align: center;}
	.at_on:nth-child(1), .at_on:nth-child(2) { width: 50%; float: left;     margin-bottom: 20px;}
	.net_num_box .timer{ font-size:25px; }
	.net_num_box .miaos img{ width:17px; }
	.net_num_box .miaos{ font-size:14px; }
	.about .about_right .text { color: #fff;  margin-top: 20px;  font-size: 14px;  text-align: center; }
	
	.footer_weixin{ width:100%; float:none; text-align: center; display:block }
	.footer_weizhi{ width:100%; }
	.footer_weizhi img{ width:150px; }
	.footer_tel{ width:100%; text-align: center; }
	.footer_tel span:nth-child(1){     margin-bottom: 0px; }
	
	.footer_weixin li{ margin:20px;     display: inline-block; }
	.footer .text-right{ display:none; }
	.footer .text-left{ width:100%;     font-size: 12px;  line-height: 20px;text-align: center;}
	.footer_1{ padding:30px  5%; }
	
	.footer_2{padding:30px 5%; padding-top:0; }
	
	.footer{ padding-bottom: 160px; }
	.gotop{ bottom: -20px; }
	
	
	.prots{ overflow: hidden; height:775px; background: url(http://zy.yihaolinju.com/style/css/img/picbgsj.jpg) no-repeat;}
	
	
	.prots .box{ }
	
	
	.prots .pic_a {
	    left: 5%;
	    position: absolute;
	    z-index: 5;
	    width: 50%;
	    height: auto;
	    top: 110px; margin-top: 0;
	}
	.prots .pic_a img,.prots .pic_b img{ width:100%; }
	.prots .pic_b {
	    z-index: 4;
	    position: absolute;
	    width: 45%;
	    height: auto;
	    top: 123px;
	    left: 23%; margin-top: 0;
	}
	.prots .pic_a img{ width: 100%; }
	.quanquan{      z-index: 4;   position: absolute;   width: 400px;    height: 400px;    top: 210px;   margin-top:-185px;  left: -5%;   transform: scale(0.5); }
	
	.prots .box{ z-index: 6;  position: absolute;   width: 90%;  height: 400px;  top: 370px;   margin-top: 0;   left: 5%; }
	.quanquan span:nth-child(1) { width: 400px;  height: 400px; }
	.quanquan span:nth-child(2) { width: 470px;   height: 470px;  margin-top: -288px;}
	.quanquan span:nth-child(3) {  width: 530px;   height: 530px;   margin-top: -320px; }
	
	.prots .box .dot-con{ transform: inherit; }
	.prots .box .dot-con .note{ position:static; width: 100%; text-align: left; border-radius: 0; margin-bottom: 30px;}
	.prots .box .dot-con .note > em > i{ display:none; }
	.prots .box .dot-con .note > em > span{ opacity:1; }
	
	.prots .box .dot-con .note > em > span{ width: 60px; float: left;    height: 60px;   position: static;   display: block;  margin-left: 0; }
	.prots .box .dot-con .note .bg3{ display:none; }
	.prots .box .dot-con .note > em{ background:none; position: static;  border-radius: 0; overflow:hidden; }
	.prots .box .dot-con .note > em > small{ white-space: break-spaces; font-size:16px; height: auto; opacity:1; float: left;   position: static; width:75%; margin-left: 5%; }
	.prots .box .dot-con .note > em > small p {   font-size: 12px;  line-height: 20px;  color: #ddd; }
	.prots .box .dot-con .note > span{ width: 60px; height: 60px; }
	
	
	
	.alshow{  }
	.classic-cl .swiper-slide .pic img{ width:100%; }
	
	.classic-cl .swiper-slide .small_pic{ width:100%; left:0; }
	.classic-cl .swiper-slide.slidea .small_pic span:nth-child(1) img {  width:80%;}
	.classic-cl .slidea .small_pic span:nth-child(2) {  position: absolute;    top: 40px; left: 13%; width: 80px;}

	.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(2){ animation: a1_1 1s ease infinite ; -webkit-animation:a1_1 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1 }
	
	@keyframes a1_1{
		from {top:200px; opacity:0}  to {  top: 40px;  left:13%; opacity:1}
	}
	
	@-webkit-keyframes a1_1{
		from {top:200px;    opacity:0}  to {  top: 40px;  left:13%; opacity:1 }
	}
	
	
	
	.classic-cl .slidea .small_pic span:nth-child(2) img,.classic-cl .slidea .small_pic span:nth-child(3) img,.classic-cl .slidea .small_pic span:nth-child(4) img,.classic-cl .slidea .small_pic span:nth-child(5) img,.classic-cl .slidea .small_pic span:nth-child(6) img,.classic-cl .slidea .small_pic span:nth-child(7) img,.classic-cl .slidea .small_pic span:nth-child(8) img{ width:100%; }
	.classic-cl .slidea .small_pic span:nth-child(3){ left:30%;  width: 80px;}
	
	.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(3){ animation: a1_2 1.5s ease infinite ; -webkit-animation:a1_2 1.5s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards }
	
	@keyframes a1_2{
		from {top:50px;    left:10%; opacity:0}  to { top: 0;    left:30%; opacity:1}
	}
	
	@-webkit-keyframes a1_2{
		from {top:50px;    left:10%; opacity:0}  to { top: 0;    left:30%; opacity:1 }
	}
	
	
	
	.classic-cl .slidea .small_pic span:nth-child(4){ width:80px; top: 6px; }
	.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(4){ animation: a1_3 2s ease infinite ; -webkit-animation:a1_3 2s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.8s; -webkit-animation-delay:0.8s; animation-fill-mode:forwards }
	@keyframes a1_3{
		from {left:50%;  opacity:0}  to {   left:65%;  opacity:1}
	}
	
	@-webkit-keyframes a1_3{
		from { left:50%; opacity:0}  to { top: 60px;  left:65%;  opacity:1 }
	}
	
	
	
	.classic-cl .slidea .small_pic span:nth-child(5){  position: absolute; top: auto;  left: 5%;  width: 150px;  bottom: 10px;  opacity: 0; }
	.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(5){ animation: a1_4 2s ease infinite ; -webkit-animation:a1_4 2s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.8s; -webkit-animation-delay:0.8s; animation-fill-mode:forwards }
	
	@keyframes a1_4{
		from {  left:280px; opacity:0}  to {  left:5%;   bottom:10px; opacity:1}
	}
	
	@-webkit-keyframes a1_4{
		from { left:280px; opacity:0}  to {  left:5%;   bottom:10px; opacity:1 }
	}
	
	
	
	.classic-cl .slidea .small_pic span:nth-child(6){     position: absolute; top: auto;   width: 50px;  left: 10px;   bottom: 90px;  opacity: 0;}
	.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(6){ animation: a1_5 2s ease infinite ; -webkit-animation:a1_5 2s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.8s; -webkit-animation-delay:0.8s; animation-fill-mode:forwards }
	@keyframes a1_5{
		from {  bottom:80px; left: 160px; opacity:0}  to {  left: 10px; bottom: 90px; opacity:1}
	}
	
	@-webkit-keyframes a1_5{
		from { bottom:80px; left: 160px; opacity:0}  to {left: 10px; bottom: 90px; opacity:1 }
	}
	
	
	
	.classic-cl .slidea .small_pic span:nth-child(7){ position: absolute;  top: auto; left:auto;  right: 40px;  width: 150px;  bottom: 10px;  opacity: 0;}
	.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(7){ animation: a1_6 2s ease infinite ; -webkit-animation:a1_6 2s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.8s; -webkit-animation-delay:0.8s; animation-fill-mode:forwards }
	@keyframes a1_6{
		from {  left:600px; opacity:0}  to {  right: 40px; bottom: 10px; opacity:1; left:auto; }
	}
	
	@-webkit-keyframes a1_6{
		from {  left:600px; opacity:0}  to { right: 40px; bottom: 10px; opacity:1; left:auto;  }
	}
	

	
	.classic-cl .slidea .small_pic span:nth-child(8){  position: absolute;left:auto;  top: auto;   right: 0;   width: 90px;   bottom: 120px;   opacity: 0;}
	.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(8){ animation: a1_7 2s ease infinite ; -webkit-animation:a1_7 2s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.8s; -webkit-animation-delay:0.8s; animation-fill-mode:forwards }
	@keyframes a1_7{
		from {  left:870px; bottom:20px; opacity:0}  to {  right: 0; bottom: 120px; opacity:1; left:auto;}
	}
	
	@-webkit-keyframes a1_7{
		from {  left:870px; bottom:20px; opacity:0}  to {right: 0; bottom: 120px; opacity:1;left:auto; }
	}
	

	.classic-cl .swiper-button-prev, .classic-cl .swiper-button-next{ width:40px; height:40px; line-height:40px; }
	.classic-cl .swiper-button-prev {  background-image: url(http://zy.yihaolinju.com/style/css/img/jtleft.png);  background-size: 18px;  left: 4%;}
	.classic-cl .swiper-button-next{ background-size: 18px; left: 87%; }
	
	
	.classic-cl .swiper-slide.slideb .small_pic span:nth-child(1) img{ width:50%; }
	.classic-cl .slideb .small_pic span img{ width:100%; }
	
	
	.classic-cl .slideb .small_pic span:nth-child(2){ position: absolute;     width: 80px; top:-40px; opacity: 0;  left: 5%; }
	.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(2){ animation: a2_1 1s ease infinite ; -webkit-animation:a2_1 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards;}
	
	@keyframes a2_1{
		from {top:0; opacity:0}  to {  top:-40px;   opacity:1}
	}
	
	@-webkit-keyframes a2_1{
		from {top:0;    opacity:0}  to {  top:-40px;  opacity:1 }
	}
	
	
	
	.classic-cl .slideb .small_pic span:nth-child(3){ position:absolute; bottom:30px; width: 110px; opacity:0; left:10px; }
	.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(3){  animation: a2_2 1s ease infinite ; -webkit-animation:a2_2 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards}
	
	@keyframes a2_2{
		from {left:-100px; opacity:0}  to {  left:10px; opacity:1}
	}
	
	@-webkit-keyframes a2_2{
		from {left:-100px; opacity:0}  to {   left:10px; opacity:1 }
	}



	.classic-cl .slideb .small_pic span:nth-child(4){ position: absolute;  top: -70px;   opacity: 0;  right: 70px;  width: 120px;}
	.classic-cl .slideb .small_pic span:nth-child(4) img{width:100%; }
	.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(4){  animation: a2_3 1s ease infinite ; -webkit-animation:a2_3 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards}

	@keyframes a2_3{
		from {  right:100px; opacity:0}  to {  right: 70px; opacity:1}
	}

	@-webkit-keyframes a2_3{
		from {  right:100px; opacity:0}  to {  right: 70px; opacity:1 }
	}



	.classic-cl .slideb .small_pic span:nth-child(5){ position: absolute;  top: 40px;  opacity: 0;   right: 60px;  width: 110px; }
	.classic-cl .slideb .small_pic span:nth-child(5) img{width:100%; }
	
	.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(5){  animation: a2_4 1s ease infinite ; -webkit-animation:a2_4 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:1s; -webkit-animation-delay:1s; animation-fill-mode:forwards}
	
	@keyframes a2_4{
		from {  right:0px; opacity:0}  to {  right: 60px; opacity:1}
	}
	
	@-webkit-keyframes a2_4{
		from {  right:0px; opacity:0}  to {  right: 60px; opacity:1 }
	}
	
	
	.classic-cl .slideb .small_pic span:nth-child(6){ position: absolute;  top: -30px;  opacity: 0;  right: 20px;  width: 70px;}
	
	.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(6){  animation: a2_5 1s ease infinite ; -webkit-animation:a2_5 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:1.5s; -webkit-animation-delay:1.5s; animation-fill-mode:forwards}
	
	@keyframes a2_5{
		from {  right:240px; opacity:0;  top:180px; transform: rotate(360deg); }  to {  top:-30px; right: 20px; opacity:1; transform: rotate(0deg);}
	}
	
	@-webkit-keyframes a2_5{
		from {  right:240px; opacity:0;  top:180px; transform: rotate(360deg); }  to {  top:-30px; right: 20px; opacity:1; transform: rotate(0deg);}
	}
	
	
	
	.classic-cl .slideb .small_pic span:nth-child(7){ position: absolute;   bottom: 10px;  opacity: 0;  right: 30px; width: 100px;}
	
	.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(7){  animation: a2_66 1s ease infinite ; -webkit-animation:a2_66 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:1s; -webkit-animation-delay:1s; animation-fill-mode:forwards}
	
	@keyframes a2_66{
		from {  right:0px; opacity:0}  to {  right: 30px; opacity:1}
	}
	
	@-webkit-keyframes a2_66{
		from {  right:0px; opacity:0}  to {  right: 30px; opacity:1 }
	}
	
	.classic-cl .slidec .small_pic span img{ width:100%; }
	.classic-cl .swiper-slide.slidec .small_pic span:nth-child(1) img{ width:70%; }
	
	
	
	.classic-cl .slidec .small_pic span:nth-child(2){ position: absolute;  top: -40px;   opacity: 0;  left: 10%;   width: 70%; }
	
	.classic-cl .slidec.swiper-slide-active .small_pic span:nth-child(2){ animation: a3_1 1s ease infinite ; -webkit-animation:a3_1 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards;}
	
	@keyframes a3_1{
		from {top:0; opacity:0}  to {  top: -40px;   opacity:1}
	}
	
	@-webkit-keyframes a3_1{
		from {top:0;    opacity:0}  to {  top: -40px;  opacity:1 }
	}



	.classic-cl .slidec .small_pic span:nth-child(3){ position: absolute;  top: -120px;   opacity: 0;   left: 75%;   width: 100px; }
	.classic-cl .slidec.swiper-slide-active .small_pic span:nth-child(3){ animation: a3_2 1s ease infinite ; -webkit-animation:a3_2 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards;}
	
	@keyframes a3_2{
		from {top:0; opacity:0; left:55%;}  to {  top: -120px;   opacity:1; left:75%;}
	}
	
	@-webkit-keyframes a3_2{
		from {top:0;    opacity:0; left:55%;}  to {  top: -120px;  opacity:1; left:75%;}
	}


	
	.classic-cl .slidec .small_pic span:nth-child(4){ position: absolute; bottom: 20px;  opacity: 0;  left: 50%;  z-index: 2;}
	.classic-cl .slidec.swiper-slide-active .small_pic span:nth-child(4){ animation: a3_3 1s ease infinite ; -webkit-animation:a3_3 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:.5s; -webkit-animation-delay:.5s; animation-fill-mode:forwards}
	
	@keyframes a3_3{
		from { opacity:0; left:20%;}  to {   opacity:1; left:50%;}
	}
	
	@-webkit-keyframes a3_3{
		from {  opacity:0; left:20%;}  to {   opacity:1; left:50%; }
	}


	.classic-cl .swiper-slide.slided .small_pic span:nth-child(1) img {  width: 80%;   margin-bottom: 20px; }
	.classic-cl .swiper-slide .small_pic img {  width: 100%;}
	
	.classic-cl .slided .small_pic span:nth-child(2){position: absolute;   top: 38px;   opacity: 1;   left: 33px;  width: 100px; }
	.classic-cl .slided.swiper-slide-active .small_pic span:nth-child(2){ animation:a4_1 1s ease infinite ; -webkit-animation:a4_1 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards;}
	
	@keyframes a4_1{
		from {top:0; opacity:0}  to {  top:38px;   opacity:1}
	}
	
	@-webkit-keyframes a4_1{
		from {top:0;    opacity:0}  to {  top:38px;  opacity:1 }
	}
	
	.classic-cl .slided .small_pic span:nth-child(3){ position: absolute;  top: 40px;  opacity: 1;   width: 50px; left: 63%;  z-index: 5;}
	.classic-cl .slided.swiper-slide-active .small_pic span:nth-child(3){ animation:a4_2 1s ease infinite ; -webkit-animation:a4_2 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards;}
	
	@keyframes a4_2{
		from {top:100px; opacity:0}  to {  top:40px;   opacity:1}
	}
	
	@-webkit-keyframes a4_2{
		from {top:100px;    opacity:0}  to {  top:40px;  opacity:1 }
	}
	
	
	
	.classic-cl .slided .small_pic span:nth-child(4){ position: absolute;  bottom: 0;  opacity: 0;   left: 0;   width: 160px; }
	.classic-cl .slided.swiper-slide-active .small_pic span:nth-child(4){ animation:a4_3 1s ease infinite ; -webkit-animation:a4_3 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1;  animation-delay:.5s; -webkit-animation-delay:.5s;  animation-fill-mode:forwards;}
	
	@keyframes a4_3{
		from { left:220px; opacity:0}  to {  left:0; opacity:1}
	}
	
	@-webkit-keyframes a4_3{
		from { left:220px; opacity:0}  to {  left:0;  opacity:1 }
	}


	.classic-cl .slided .small_pic span:nth-child(5){ position: absolute; bottom: 10px; opacity: 0; left:40%; width: 200px; }
	.classic-cl .slided.swiper-slide-active .small_pic span:nth-child(5){ animation:a4_4 1s ease infinite ; -webkit-animation:a4_4 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1;  animation-delay:.5s; -webkit-animation-delay:.5s;  animation-fill-mode:forwards;}
	
	@keyframes a4_4{
		from { left:35%; opacity:0}  to {  left:40%; opacity:1}
	}
	
	@-webkit-keyframes a4_4{
		from { left:35%; opacity:0}  to {  left:40%;  opacity:1 }
	}



	.classic-cl .swiper-slide.slidee .small_pic span:nth-child(1) img{ width: 70%; }
	
	
	.classic-cl .slidee .small_pic span:nth-child(2){ position: absolute;  top: -30px;  opacity: 0;   left: 8%;  width: 50%; }
	.classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(2){ animation:a5_1 1s ease infinite ; -webkit-animation:a5_1 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.5s; -webkit-animation-delay:.5s;}
	
	@keyframes a5_1{
		from {top:0; opacity:0}  to {  top: -30px;   opacity:1}
	}
	
	@-webkit-keyframes a5_1{
		from {top:0;    opacity:0}  to {  top: -30px;  opacity:1 }
	}
	
	
	.classic-cl .slidee .small_pic span:nth-child(3){ position: absolute; top: -38px;   opacity: 0;  left: 54%;   width: 90px; }
	.classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(3){ animation:a5_2 1s ease infinite ; -webkit-animation:a5_2 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.8s; -webkit-animation-delay:.8s;}
	
	@keyframes a5_2{
		from {top:0; left:34%; opacity:0}  to {  top: -38px; left: 54%;  opacity:1}
	}
	
	@-webkit-keyframes a5_2{
		from {top:0;  left:34%;  opacity:0}  to {  top: -38px; left: 54%; opacity:1 }
	}
	
	
	
	
	.classic-cl .slidee .small_pic span:nth-child(4){ position: absolute;   bottom: 50px;   opacity: 0;  left: 58%;   width: 110px; }
	.classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(4){ animation:a5_3 1s ease infinite ; -webkit-animation:a5_3 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.8s; -webkit-animation-delay:.8s;}
	
	@keyframes a5_3{
		from { left:40%; opacity:0}  to {   left:58%;  opacity:1}
	}
	
	@-webkit-keyframes a5_3{
		from { left:40%;  opacity:0}  to {  left:58%; opacity:1 }
	}
	
	
	.classic-cl .slidee .small_pic span:nth-child(5){     position: absolute;  bottom: 110px;opacity: 0; right: -30px; width: 50%; }
	.classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(5){ animation:a5_4 1s ease infinite ; -webkit-animation:a5_4 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.8s; -webkit-animation-delay:.8s;}
	
	@keyframes a5_4{
		from {right:-100px; opacity:0}  to {  right:-30px; opacity:1}
	}
	
	@-webkit-keyframes a5_4{
		from { right:-100px;  opacity:0}  to { right:-30px; opacity:1 }
	}
	
	
	.classic-cl .swiper-slide .pic_text{ display:none; }
	
	.step .stepmo a{ padding:10px 16px; font-size:12px; }
	
	.luans{ }
	.luans .luans_left{ width:100%; float:none;  padding-bottom: 40px;}
	.luans .luans_right{ width:100%; float:none; }
	.luans .luans_left .bg3,.luans .luans_left .bg2,.luans .luans_left .bg1{ display:none; }
	.luans .text {  color: #fff;  margin-top: 50px;  position: relative;  z-index: 8;  width: 100%;  left: 0;  text-align: center; }
	.luans .text span{ left: 0px;   font-size:35px;   top: -10px;  }
	.luans .text h2{  font-size: 20px; margin-bottom: 10px; }
	
	.luans .text p{font-size: 12px; }
	.luans .luans_right img{ width:100%; }
	.luans .swiper-pagination-fraction{ font-size:14px; width:70px;  bottom: 15px; }
	.luans .swiper-pagination-current{ font-size:20px; top: -10px; padding-bottom: 0;}
	.luans .swiper-pagination-total{ padding-left: 7px; }
	.luans .swiper-button-next{ right:5%; left:auto; }
	.luans .swiper-button-prev{ left:5%; }
	.luans .swiper-button-prev{ width:30px; height:30px; background-size:15px;}
	.luans .swiper-button-next{ width:30px; height:30px; background-size:15px;}
	.luans .luans_right p {
	    position: absolute;
	    bottom: 0;
	    text-align: center;
	    display: block;
	    color: #ffffff;
	    width: 100%;
	    font-size:14px;
	    background-color:rgb(1 104 61 / 67%);
	    padding: 10px 0px;
	}
	.luans .swiper-pagination-fraction { bottom: 7px;}
	
	.step{ padding: 30px 0px; }
	.step .title {  position: absolute;  z-index: 5;  text-align: center;  width: 100%;   left: 0;  margin-left: 0;  color: #fff;  top: 40px;  font-size: 40px; }
	.step .title span {  position: absolute;  left: 0;   display: block;  width: 100%;  font-size:35px;  font-weight: bold;  top: -10px;  opacity: 0.3;  text-transform: uppercase; }
	.step .title h2{ font-size: 20px; }
	.step .con{ width:90%; margin-top: 80px; }
	.step .con .dot > a{ width:45px;  height:45px; font-size:14px; line-height:45px; }
	.step .con .dot span{     margin-top: 10px;  font-size: 12px; font-weight:400; }
	.step .con:after{  top: 25px;   height: 5px; }
	.step .con .dot > a > svg { width: 24px;}
	.step .stepmo{ font-size:14px; margin-top: 35px;}
	
	
	
	.join_us{ width: 90%;  margin-top: 30px;  }
	.join_us .us_l{ width:100%; }
	.join_us .us_l .us_cont{ margin:0; }
	.join_us .us_l .us_cont .tit_1{     letter-spacing: 8px; font-size:25px; }
	.join_us .us_l .us_cont .tit_2 {   font-size:25px; margin-top: 0; line-height:40px;}
	.join_us .us_l .us_cont .tit_3 {  font-size:18px; color: rgb(19, 148, 82, 0.5);;  line-height:30px; }
	.join_us .us_l .us_cont .tit_4 { font-weight: lighter;  font-size:16px; line-height:30px; margin-top: 0;}
	.join_us .us_l .us_cont .tit_5 span{ font-size: 40px; margin-top: -20px; }
	.join_us .us_r{ width:100%; margin: 20px 0px;}
	.join_us .us_l .us_cont .tit_5{ font-size:14px; }
	.join_us .us_l .us_cont .tit_6{     width: 100%;  height: 40px;  line-height: 40px; }
	.join_us .us_l .us_cont .tit_6 a{ display:block; font-size: 14px; }
	
	
	
	
	.shop_dis{     width: 90%; margin: 20px auto;  min-width: auto;  }
	.shop_dis .dis_tit{     font-size:25px; margin-bottom:0px; }
	.shop_dis .dis_int{ font-size:16px; }
	.shop_dis .dis_img{     margin-top: 30px; }
	.shop_dis .dis_img img{ display:block; }
	.shop_dis .dis_img .img_top .img_k{ width:100%; }
	.shop_dis .dis_img .img_top{ height:auto; }
	.shop_dis .dis_img .img_top .img_k:nth-child(2){ width:48.5%; margin-left:0; height:130px; margin-top:10px; }
	.shop_dis .dis_img .img_top .img_k:nth-child(3){ width:48.5%; float:right; height:130px; margin-left:0; margin-top:10px;}
	
	.shop_dis .dis_img .img_bottom .img_d{ width:48.5%; margin-left:0; height:130px; margin-bottom:10px;  }
	.shop_dis .dis_img .img_bottom .img_d:nth-child(2n){ float:right; }
	.shop_dis .dis_img .img_bottom{ height:auto; }
	.shop_dis .dis_img .img_bottom .img_d:last-child{ width:100%; height:auto; }
	
	.section{  padding: 0; }
	.section .shenm {  margin: 0 auto;  padding: 20px;  padding-top: 0;   width: 100%;  box-sizing: border-box; background: #fff;  text-align: center;     padding-bottom: 0;}
	.section .shenm p{olor: #898989;  line-height: 20px;  font-size: 14px;}
	
	.dbbiaoyu{  box-sizing: border-box;   padding: 30px 0px; }
	.dbbiaoyu img{ width:50%; }
	
	.nr_banner{ margin-top: 55px; padding-top: 0px; }
	.nr_banner .text{     width: 120%;   margin-left: 0;   left: -10%; } 
	.about{ padding-top:0; }
	.nav_nr{     margin-top: 0;     width: 100%; }
	.nav_nr li a{ font-size:14px; line-height:50px; }
	
	.you_title{ width: 90%; }
	.about .you_title {      margin-top: 30px; }
	.you_title .title_txt h2{ font-size:25px; }
	.you_title .title_txt p{ font-size:12px; letter-spacing:2px; }
	.you_title .title_txt h2::after{ margin-top: 20px;  margin-bottom:0px; }
	
	.about_a{ width:90%; }
	.about_a_1 {  width: 100%;   margin-top: 30px; }
	.about_a_1 h2{ font-size:20px; }
	.about_a_1 .idx-tags{ margin-left:0; margin: 30px 0px; margin-bottom: 0; }
	.idx-tags ul li{ width:50%; margin-bottom: 20px; }
	.idx-tags .tags_left{ margin-right:0;     font-size: 25px; }
	
	.about_a_2 {   width: 100%;  margin-top: 0; }
	
	.about.about_story{ padding-top:30px; }
	.about.about_story .you_title{ margin-top:0; }
	
	.story{ margin-top:10px; display: block; width:90%; margin-bottom: 0px; }
	.story .story_c{ width: 100%;  writing-mode: horizontal-tb;   height: auto; text-align:center;     line-height: 24px; margin-bottom: 20px;}
	.story .story_a { line-height:24px;  height: auto;   writing-mode: horizontal-tb;  width: 100%; font-size:12px; }
	.story .story_b {  width: 100%; margin-top:15px; }
	
	.story.storyen .story_b{ position:relative }
	.story.storyen .story_a{ width:100%; }
	.story.storyen .story_c{ width:100%; }
	
	.swiper-lishi{ width:100%; }
	.swiper-lishi .swiper-slide{ text-align: center; padding: 10px; }
	.swiper-lishi .swiper-slide h2{ font-size:25px; } 
	.swiper-lishi .swiper-slide h4{ border-left:none}
	.swiper-lishi .swiper-slide h2::before{ width:13px; height:13px; } 
	.swiper-lishi .swiper-wrapper{ padding-bottom: 30px; }
	.qiyeruanj {  padding: 30px 0; }
	.qiyeruanj ul{ width:90%; display:block; }
	.qiyeruanj ul li { margin: 0 auto;   margin-bottom: 20px; border-bottom: 1px solid rgb(19, 148, 82); padding-bottom: 22px;}
	.qiyeruanj ul li h4{ margin:10px; }
	.qiyeruanj ul li h3 {  font-size: 20px; }
	.qiyeruanj ul li h4{ font-size:14px; }
	.qiyeruanj ul li p { line-height: 23px; font-size: 12px;}
	
	.pub_case { width: 90%;  display: block;     margin-top: 30px;}
	.pub_case .pub_casetxt {  width: 100%;   padding-right: 0; }
	.pub_title{ font-size:20px; text-align: center;}
	.pub_title_en{ font-size:20px; text-align: center; }
	.pub_case .idx-tags {   margin-top: 20px; margin-bottom: 20px; }
	.idx-tags .tags_left{ display: block; }
	.pub_case .idx-tags ul li{ display: block; text-align: center; margin-bottom: 0;}
	.idx-tags .col2{ display:block; }
	.about_a_1 .idx-tags .col2{ font-size:14px; line-height: 20px; }
	.pub_case .idx-tags .col2{ text-align: center; font-size: 14px; line-height: 22px; }
	.pub_case .idx-tags li:nth-child(3) .tags_left span{ line-height:normal; }
	.pub_case .pub_info{ width:100%;     line-height: 22px;  font-size: 12px;   color: #f5f5f5;}
	
	.dian{ width:90%; margin-bottom: 30px;  margin-top: 30px; text-align: center; }
	.dian li img {  width: 220px; }
	
	.dian li:nth-child(1) {   display: block;   text-align: left; margin-bottom: 20px; text-align: center;}
	.about_a_1 .idx-tags .tags_left{     margin-bottom: 0; }
	
	.dian li { margin: 0 1%;  background: #fff;  height: 10vw;   width: 10%;  border-radius: 50%;   padding: 10px;  font-size: 15px;}
	
	.abouten .dian {
	   display:none;
	}
	.pub_case.pub_caseen .pub_info{ width:100%; line-height: 20px;   margin-bottom: 20px; margin-top:20px;}
	.dian li:nth-child(0){ margin-left: 0; }
	.dian li:last-child{ margin-right:0; }
	
	.about .luans_right {  width: 100%; margin-bottom: 0;}
	.about .luans_right .swiper-luans {  width: 100%; }
	
	.lang{ right: 60px; color: #505050;  top: 19px;  font-size: 14px; }
	.lang a{ color: #505050; }
	.pub_case.pub_caseen .pub_title,.pub_case.pub_caseen .pub_title_en{ font-size:16px; }
	.pub_case.pub_caseen .idx-tags{ display:none; }
	.navdh{ width:90%; margin-top: 20px; }
	.navdh a,.navdh .right span{ font-size:14px; }
	.zhaopin {   width: 90%;   margin: 30px auto; }
	.zp_title span{ font-size:14px; line-height: 60px; }
	.zhaopin ul li a span:nth-child(5),.zp_title span:nth-child(5),.zhaopin ul li a span:nth-child(4),.zp_title span:nth-child(4){ display:none; }
	.zhaopin ul li a span{  color: #626262; line-height: 50px;  font-size: 14px; }
	
	.nr_banner h2{ font-size:20px; }
	.nr_banner h2::after{     margin-bottom: 20px;   margin-top: 20px; }
	.nr_banner h2.jm::after{ margin-bottom: 10px;  margin-top: 10px; }
	.zhaopin_nr {   width: 90%;  margin: 110px auto;   border: 1px solid #f1f1f1;  padding: 20px;  margin-top: 20px;  box-sizing: border-box;margin:20px auto; }
	.zhiul li{ width:50%; }
	.zhaopin_nr_text{ font-size:14px; }
	.section.section_yp .section-title p{ font-size:16px; }
	.section.section_yp .erm{ width:40%; }
	
	.products_shu li .pic img{     height: 40vh; }
	
	
	.products_shu li .txt{ left: 5%; font-size: 20px; top: 30%; }
	.products_shu li span{  width: 30px;  height: 30px;  line-height: 30px; background-size: 15px;}
	.products_shu li span a {   height: 100%;   width: 162px;   font-size: 14px;  padding-left: 0;   position: absolute;   color: rgb(19, 148, 82); }
	
	
	.products_shu li:nth-child(2n) .txt {  right: 5%; }
	.products_nr{ padding:20px 0px; }
	.products_nr ul{ width:90%; }
	.products_nr ul li {  width: 47.5%;  margin-right: 5%; margin-bottom: 10px;}
	.products_nr ul li:nth-child(2n){ margin-right:0; }
	
	.products_nr ul li p{     line-height: 40px;    font-size: 14px; }
	.jquery-lightbox-background{ box-sizing: border-box; }
	.jquery-lightbox-title{  width: 95.5% !important; }
	
	
	.nr_banner .texttwo { width: 190%;  margin-left: -65%;	}
	.nr_banner .tel {
	    text-align: center;
	    font-size: 18px;
	    line-height: 1;
	    left: 0;
	    color: #fff;
	    position: absolute;
	    top: 71%;
	    width: 100%;
	    z-index: 5;
	    margin-left: 0;
	}
.nr_banner .en {
    text-align: center;
    font-size: 12px;
    line-height: 1;
    left: 0;
    color: #fff;
 
    top: 70%;
    margin-top:10px;
    width: 100%;
    z-index: 5;
    margin-left: 0;
    text-transform: uppercase;
}
	.join_a{ padding: 40px 0px; }
	
	.join_a h2, .join_b h2, .join_c h2, .join_d h2, .join_e h2, .join_f h2, .join_g h2{ font-size:20px; }
	
	.join_a  .idx-tags .col2 { text-align: center;  font-size: 15px; }
	.join_a .idx-tags {   margin-top: 20px; }
	
	.join_a .idx-tags ul li:nth-child(3),.join_a .idx-tags ul li:nth-child(4){ margin-bottom:0; }
	
	.join_b{ padding: 30px 0px; background-size: 100%;     padding-bottom: 0;}
	.join_b h2 {  margin-bottom: 30px; }
	.join_b ul{ width: 90%; }
	.join_b ul li {      width: 100%;   margin-right: 0;  padding: 15px;  height: auto; }
	.join_b ul li em{ font-size:20px; margin-bottom: 10px; }
	.join_b ul li span {  color: #fff; font-size: 16px;  line-height: 28px; }
	
	.about.about_jm{ padding-top:50px; overflow:hidden; }
	.about.about_jm h2.title {  font-size: 30px;   top: 40px; 	}
	
	.about.about_jm .about_left{ width:120%; margin-left:-10%; }
	.about.about_jm #container {   height: 400px; }
	
	.dq_qy{ width:90%; }
	.dq_qy li{ font-size:14px; }
	.dqlist{ width:90%; margin-top:30px; }
	
	.dqlist ul li{ width:100%; margin-bottom: 20px;}
	
	
	.join_c,.join_f {  padding: 30px 0; background-size: 160%;}
	.join_c h2 ,.join_d h2,.join_e h2,.join_f h2 {  margin-bottom: 30px; }
	
	.join_c .img,.join_d .img{ width:90%; margin:0 auto; }
	.join_c .img img,.join_d .img img{ width:100%; }
	
	
	.join_d,.join_e {  padding: 30px 0; background-size: 160%;}
	.in_crilist ul{ width: 920px;  display: block;  overflow: hidden;}
	.in_crilist{ width: 100%;  margin: 0 auto;   overflow-x: auto; }
	.in_crilist ul li{ margin-top:0px; float: left; }
	.in_crilist ul li .in_work{     line-height: 22px;  margin-top: 10px;  font-size: 12px;   color: #6b6b6b;}
	.in_crilist ul li .in_lipic_img {  background: rgb(19, 148, 82);  color: #fff;  height:40px;  width:40px;   border-radius: 50%;   display: inline-block;  padding:16px;   font-size:16px; }
	
	
	.join_f .img{ overflow-x: auto; }
	.join_f .img img{ width:1040px; }
	.section { background:#fff;padding: 30px 0px; }
	.section .container{ margin: 0 auto;  width: 90%;  box-sizing: border-box;    padding: 0; }
	.section-title{ margin-bottom:30px; }
	.section-title p{ font-size:20px; }
	.message li{ margin-top: 20px;width: 100%; }
	.message li input{ box-sizing: border-box; width: 100%; font-size: 14px;  padding: 10px; }
	.message li textarea{ width:100%; box-sizing: border-box;  font-size: 14px;  padding: 10px;}
	
	.message li button{ font-size:16px; }
	.section .container .jm_er{ margin-top: 20px; }
	.section .container .jm_er img{ width:80%; }
	.section .container .jm_er h2{ font-size:20px; }
	.news_list {
	    margin-top: 0px;
	    width: 90%;
	}
	.news_list > a {
	    margin-bottom: 0;
	}
	.new_time{ display:none; }
	.new_tex_box {
	    width: 100%;
	    margin-right: auto;
	    padding-right: unset;
	    padding: 0; 
	}
	.new_tex_box> img {
	    width: 100%;
	    margin-left: auto;
	}
	.new_tex_box > div {
	    width: 100%;
	}
	.new_title {
	    font-size: 16px;
	    font-weight: 400;
	    margin-top: 10px;
	}
	.new_info {
	    margin-top: 10px;
	    font-size: 14px;
	    line-height: 24px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	}
	
	.new_tex_box  .at_on:nth-child(1),.new_tex_box   .at_on:nth-child(2){ width:100%; margin-bottom: 0; }
	.news_list > a:hover .new_tex_box > img{ margin-left:0; }
	.news_list > a:hover .new_tex_box{ box-shadow: none; }
	
	.newsart {  background: #fff;   padding: 30px 0px;   margin-top: 0; }
	.newsart .title {  width: 90%;   height: auto;   font-size: 20px;}
	.newsart .source{ width:90%; }
	.newsart .article{ width:90%; }
	.newsart .article img{ max-width:100%; height:auto!important; display:block;   margin:0 auto; }
	.nr_banner .en.entwo{     top: 60%; }
	
	.contact{ padding-top:30px; padding-bottom: 30px;}
	.contact .tel {   font-size: 25px;    margin-bottom: 30px; }
	.contact .map{ width:90%; }
	#map{ height:400px; }
	
	.contact .map ul {  padding: 0;  margin-top: 40px;}
	.contact .map ul li{ font-size:16px; text-align: center; }
	.contact .weixinkf {
	    color: rgb(19, 148, 82);
	    background: #fff;
	    padding: 50px 0;
	    float: right;
	    font-size: 18px;
	    width: 100%;
	    text-align: center;
	}
	.contact .weixinkf h2{ font-size:16px; }
	
	.join_a_jm img{ width:80%; }
	
	.shenm img{ width:100%; }
	
	.about_a_1 p{ line-height: 24px;  font-size: 12px; }
	
}






@keyframes zhuan
{
	0%{ transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
@keyframes zhuan2
{
	0%{ transform:rotate(0deg)}
	100%{transform:rotate(-360deg)}
}
@-webkit-keyframes tail {
  0% {
    width: 0;
  }
  30% {
    width: 100px;
  }
  100% {
    width: 0;
  }
}

@keyframes tail {
  0% {
    width: 0;
  }
  30% {
    width: 100px;
  }
  100% {
    width: 0;
  }
}


@-webkit-keyframes shining {
  0% {
    width: 0;
  }
  50% {
    width: 30px;
  }
  100% {
    width: 0;
  }
}
@keyframes shining {
  0% {
    width: 0;
  }
  50% {
    width: 30px;
  }
  100% {
    width: 0;
  }
}
@-webkit-keyframes shooting {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(800px);
            transform: translateX(800px);
  }
}
@keyframes shooting {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(800px);
            transform: translateX(800px);
  }
}

@-webkit-keyframes waves{
	0%{-webkit-transform:translateX(0) translateZ(0) scaleY(1);transform:translateX(0) translateZ(0) scaleY(1)}
	0%{-webkit-transform:translateX(-25%) translateZ(0) scaleY(.5);transform:translateX(-25%) translateZ(0) scaleY(.5)}
	0%{-webkit-transform:translateX(-50%) translateZ(0) scaleY(1);transform:translateX(-50%) translateZ(0) scaleY(1)}
}

@keyframes waves{
	0%{-webkit-transform:translateX(0) translateZ(0) scaleY(1);transform:translateX(0) translateZ(0) scaleY(1)}
	0%{-webkit-transform:translateX(-25%) translateZ(0) scaleY(.5);transform:translateX(-25%) translateZ(0) scaleY(.5)}
	0%{-webkit-transform:translateX(-50%) translateZ(0) scaleY(1);transform:translateX(-50%) translateZ(0) scaleY(1)}
}



@keyframes roll_left {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@keyframes roll_right {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes ripple1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    opacity: 0.1;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
  }
}

@keyframes e1 {
  to {
    transform: rotate(360deg);
  }
}

 @font-face {
   font-family: 'en_b';
   src: url("http://zy.yihaolinju.com/style/css/img/EUCLIDCIRCULARA-BOLD_0.TTF");
 }
 
  @keyframes a2_6{from { transform: scale(1.1);}  to { transform: scale(1);}}

@keyframes line1Beforeaa
	{
		from {margin-top:5px;}
		to {margin-top:15px;}
	}
@keyframes z {
    from {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
    to {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    }
}

@keyframes y {
    from {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
    to {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
}